{"id":13845001,"url":"https://github.com/0123cf/layout-ui","last_synced_at":"2025-07-12T00:32:45.096Z","repository":{"id":140308429,"uuid":"181318818","full_name":"0123cf/layout-ui","owner":"0123cf","description":"可视化布局 纯css布局 Layout-UI  ","archived":false,"fork":false,"pushed_at":"2019-06-06T06:55:16.000Z","size":1570,"stargazers_count":265,"open_issues_count":1,"forks_count":44,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-08-05T17:43:30.972Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://layoutui.pro/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0123cf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-04-14T14:11:32.000Z","updated_at":"2024-07-01T18:02:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"9bfc1e02-57f5-4220-9258-d3d2286dbf70","html_url":"https://github.com/0123cf/layout-ui","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/0123cf%2Flayout-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0123cf%2Flayout-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0123cf%2Flayout-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0123cf%2Flayout-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0123cf","download_url":"https://codeload.github.com/0123cf/layout-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225772845,"owners_count":17521899,"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-08-04T17:03:06.564Z","updated_at":"2024-11-21T17:31:09.985Z","avatar_url":"https://github.com/0123cf.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized","TypeScript","TypeScript (64)"],"sub_categories":["Uncategorized"],"readme":"# layout-ui\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/996icu/996.ICU/blob/master/LICENSE\"\u003e\n        \u003cimg alt=\"996icu\" src=\"https://img.shields.io/badge/license-NPL%20(The%20996%20Prohibited%20License)-blue.svg\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n可视化布局工具、数据本地操作可视化布局\u003c/br\u003e\n在线可视化布局工具, 支持相对布局\\ 绝对布局\\ 弹性布局, 自适应可视化布局. 适用于专业人员开发专业界面, 适用于经过简单培训设计师使用.\u003c/br\u003e\n纯css可视化布局，生产可阅读二次修改的代码\u003c/br\u003e\n\n\n-----\n\n### USE\n![ezMBaidu.gif](https://i.loli.net/2019/05/27/5ceb92c05ab0260521.gif)\n\n### Q\u0026A\n问：\nwidth height 如何自适应(设置的容器如何根据内容进行自适应) \u003cbr /\u003e\n答：\n双击 **width** 、 **height**\n\u003chr /\u003e\n问：如何查看代码 \u003cbr /\u003e\n答：点击下边栏右侧的箭头即可预览和代码复制\n\u003chr /\u003e\n问：如何嵌套布局 \u003cbr /\u003e\n答：点击中间要添加的元素，再点击左侧工具栏选择要添加的布局\n\u003chr /\u003e\n问：嵌套布局如何上下并排 \u003cbr /\u003e\n答：点击中间要添加的元素，再点击左侧工具栏选择要添加的布局，即可按顺序布局\u003cbr /\u003e\n\u003chr /\u003e\n问：如何删除元素？ \u003cbr /\u003e\n答：先选择要删除的元素，再点击del键。或者右击要选择的元素，点击操作菜单。菜单还有增加左右节点等功能哦\u003cbr /\u003e\n\u003chr /\u003e\n问：如何选中上级元素？ \u003cbr /\u003e\n答：如果已经选中了一个元素，这时候点击按键上⬆️\u003cbr /\u003e\n\u003chr /\u003e\n问：如何自定义插入个数 \u003cbr /\u003e\n答：可以用按键组合调节插入布局数量的方式，先按住要插入的数量，然后再点击，默认是3\u003cbr /\u003e\n\n\n-----\n\n|TODO LIST:|\n|:--------:|\n|添加默认控件|\n|针对控件进行样式处理|\n|鼠标按住左键拖动修改大小布局|\n|背景页面设置样式|\n|完善布局方式|\n|页面发布到临时服务器预览|\n|border|\n|转rem|\n|搜索布局|\n|使用教程编写|\n|案例编写|\n|国际化（readme；text）|\n\n\n[在线体验](http://layoutui.pro/#/index)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0123cf%2Flayout-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0123cf%2Flayout-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0123cf%2Flayout-ui/lists"}