/layout-ui

auto-layout 可视化布局、自动化css布局 http://layoutui.pro

Primary LanguageTypeScriptOtherNOASSERTION

layout-ui

996icu

可视化、自动化css布局
布局共享, 提高生产力

image.png


USE

image.png

  • 第一个是在插入布局。
  • 第二个是控制区,可以选中要修改的位置、删除当前位置的布局、新增兄弟节点等
  • 第三个是编辑属性,可以修改长度、添加文字、修改颜色、添加图片
  • 第四个是源码预览,代码下载等功能,点击右下角

Q&A

问: width height 如何自适应(设置的容器如何根据内容进行自适应)
答: 双击 widthheight


问:如何查看代码
答:点击下边栏右侧的箭头即可预览和代码复制
问:如何嵌套布局
答:点击中间要添加的元素,再点击左侧工具栏选择要添加的布局
问:嵌套布局如何上下并排
答:点击中间要添加的元素,再点击左侧工具栏选择要添加的布局,即可按顺序布局
-----
TODO LIST:
添加默认控件
针对控件进行样式处理
选中布局焦点
鼠标按住左键拖动修改大小布局
背景页面设置样式
完善布局方式
按键组合调节插入布局数量
页面发布到临时服务器预览
border
转rem
搜索布局
使用教程编写
案例编写
国际化(readme;text)

在线体验

参与方式

npm install
npm start