Vue-Layout:可视化布局、自动生成代码工具

按惯例，先上GIF:demo1bannerVue-Layout基于UI组件的Vue可视化布局、生成.vue代码的工具。jaweii.github.io/Vue-Layout/…GitHub | Demo效果展示demo2后台布局图片的例子，你可以进入这个页面访问其布局：jaweii.github.io/Vue-Layout/…也可以进入这个页面体验其布局效果：jaweii....

weixin_34289454

8028人浏览 · 2017-08-16 05:46:21

weixin_34289454 · 2017-08-16 05:46:21 发布

按惯例，先上GIF:

demo1

banner

Vue-Layout

基于UI组件的Vue可视化布局、生成.vue代码的工具。jaweii.github.io/Vue-Layout/…

GitHub | Demo

效果展示

demo2

后台布局图片的例子，你可以进入这个页面访问其布局：jaweii.github.io/Vue-Layout/…
也可以进入这个页面体验其布局效果：jaweii.github.io/Vue-Layout/…

最后

目前我只完成了Muse-UI的可视化组件，现在正在做Mint-UI的可视化组件。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^