{"id":19990471,"url":"https://github.com/jaweii/Vue-Layout","last_synced_at":"2025-05-04T09:35:50.222Z","repository":{"id":45214038,"uuid":"100263409","full_name":"jaweii/Vue-Layout","owner":"jaweii","description":"基于UI组件的Vue可视化布局工具","archived":false,"fork":false,"pushed_at":"2019-11-12T14:21:20.000Z","size":13626,"stargazers_count":3248,"open_issues_count":12,"forks_count":742,"subscribers_count":126,"default_branch":"master","last_synced_at":"2024-11-07T04:41:11.320Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://jaweii.github.io/Vue-Layout/dist","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaweii.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-14T12:07:17.000Z","updated_at":"2024-11-06T00:40:44.000Z","dependencies_parsed_at":"2022-08-26T05:41:30.068Z","dependency_job_id":null,"html_url":"https://github.com/jaweii/Vue-Layout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaweii%2FVue-Layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaweii%2FVue-Layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaweii%2FVue-Layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaweii%2FVue-Layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaweii","download_url":"https://codeload.github.com/jaweii/Vue-Layout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224391390,"owners_count":17303609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T04:51:15.357Z","updated_at":"2024-11-13T04:51:46.693Z","avatar_url":"https://github.com/jaweii.png","language":"JavaScript","funding_links":[],"categories":["前端工具","JavaScript","![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)","Uncategorized"],"sub_categories":["node 常量","Uncategorized"],"readme":"\n![banner][1]\n\nVue-Layout\n==\n\n基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist/  \n\n----------\n\n演示\n--\n\n使用\n\n![demo1][2]\n\n效果\n\n\n![demo2][3]\n\n上图的后台布局例子，你可以进入这个页面访问其布局：https://jaweii.github.io/Vue-Layout/dist/#/share/5993d3b05c497d0057c6f2da  \n也可以进入这个页面体验其布局效果：https://jaweii.github.io/Vue-Layout/dist/#/preview/pc/5993d3b05c497d0057c6f2da\n\n\n源码结构\n====\n\n    ├─App.vue\n    ├─main.js\n    ├─utils\n    |   ├─guid.js                        //返回一个唯一标识符，组件被拖入后的id就是调用此方法获得\n    |   ├─leancloud storage.js           //分享功能，将Vuex数据保存到云端，使用leanCloud\n    |   └mergeDeep.js                    //深度合并对象的方法\n    ├─store\n    |   └index.js                        //Vuex\n    ├─router\n    |   └index.js                        //Vue-Router\n    ├─components\n    |     ├─attributes.vue               //左侧的属性视图组件\n    |     ├─colorList.js                 //颜色选择器中颜色的列表\n    |     ├─colorPicker.vue              //颜色选择器组件\n    |     ├─components.vue               //右侧的组件列表视图\n    |     ├─componentTree.vue            //左侧的组件树\n    |     ├─iconList.js                  //图标选择器中图标的列表\n    |     ├─iconPicker.vue               //图标选择器\n    |     ├─main.vue                     //主页面\n    |     ├─mount.js                     //封装的挂载方法\n    |     ├─preview.vue                  //预览视图的组件\n    |     ├─preview_mobile.vue           //手机预览的组件\n    |     ├─preview_product.vue          //体验拖拽完成的作品的页面\n    |     ├─subAttribute.vue             //属性视图的子属性组件\n    |     ├─template                     //UI组件的模板目录\n    |     |    ├─index.js                //提供了三个方法，主要使用getTemplate来实现拖入控件后，得到一个组件对象并保存到vuex\n    |     |    ├─README.md\n    |     |    ├─Muse-UI                 //UI分类目录\n    |     |    |    ├─App Bar.js         //UI组件之一\n    |     |    |    ├─  ………\n    |     |    |    ├─Time Picker.js\n    |     |    |    └Tr.js\n    |     |    ├─Mint-UI\n    |     |    |    ├─Button.js\n    |     |    |    ├─Header.js\n    |     |    |    └index.js\n    |     |    ├─Common\n    |     |    |   ├─A.js\n    |     |    |   ├─  ………\n    |     |    |   └Text.js\n    |     ├─list                         //右侧的组件列表视图中，所显示的组件的列表，由于有的行数太多，就提取了出来\n    |     |  ├─muse-ui\n    |     |  |    ├─appbar.vue\n    |     |  |    ├─  ………\n    |     |  |    └timePicker.vue\n    ├─assets                             //所需资源\n    |   ├─logo.png\n    |   ├─css\n    |   |  ├─global.css                  //全局样式\n    |   |  ├─theme-dark.css              //Muse-UI的自定义主题（红色风格）\n    |   |  ├─highlight                   //代码格式化后的高亮样式\n\n \n\n\n  [1]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/static/banner.JPG\n  [2]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/static/demo1.gif\n  [3]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/static/demo2.gif\n\n  [4]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/docs/images/App%20Bar1.png\n  [5]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/docs/images/Header%201.png\n  [6]: https://raw.githubusercontent.com/jaweii/Vue-Layout/master/docs/images/getTemplte.png\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaweii%2FVue-Layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaweii%2FVue-Layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaweii%2FVue-Layout/lists"}