ltoy

LToy - 布玩

一款超级Smart的页面制作玩具

Amazing Features

• 支持多页面制作

• 支持页面缩略图与编辑区域实时镜像

• 标准化新组件扩展

• 支持拖拉组件向页面添加组件

• 支持背景/当前页/前景模式编辑页面 (可最大限度支持各种类型的活动页面制作)

• 支持流式布局和自由布局 (可最大限度支持各种类型的活动页面制作)

• 支持组件在流式布局和自由布局中拖动变换位置

• 支持复制/粘贴/删除功能 (可通过右键菜单方式或键盘快捷键方式)

• 支持自由布局里的组件进行置顶和置底设置

• 支持拖动/大小调整组件时显示对齐提示线功能

• 支持右键菜单或快捷键对流式布局的组件进行排序

• 支持同时选择多个组件进行对齐功能 (左对齐, 居中对齐, 右对齐, 顶部对齐, 中间对齐, 底部对齐. 仅支持同一自由布局中的组件)

• 支持同时选择多个组件进行拖动 (仅支持同一自由布局中的组件)

• 支持同时选择多个组件进行复制/粘贴/删除功能 (仅支持同一自由布局中的组件)

• 支持同时选择多个组件进行置顶/置底设置 (仅支持同一自由布局中的组件)

• 支持组件的个性化配置

• 支持组件保存配置方案和选择配置方案自动填充

• 支持组件配置表单动态生成, 配置字段由组件开发者配置

• 支持组件配置效果实时静态预览, 预览效果由组件开发者配置实现

• 标准化配置表单控件扩展

• 标准化组件行为扩展

• 支持组件行为配置

• 支持组件动画配置

如何使用

• NPM

npm install ltoy

• CommonJS

var ltoy = require('ltoy');
 
new Vue({
  components: {
    'ltoy': ltoy
  }
})

• ES6

import ltoy from 'ltoy'
 
new Vue({
  components: {
    ltoy
  }
})

如何搭建开发环境

只需以下命令即可：

npm install
npm run dev

如何发布组件项目

gulp publish