xieisabug / frontend-editor

一个在线设计小程序页面的项目

Home Page:http://editor.xiejingyang.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

小程序编辑器

TODO

  • 更多的公共样式,如边框背景色居中
  • 输入框组件:可配置输入内容类型
  • 大小的拖拽
  • 背景色透明选项
  • 页面form表单数据获取(获取input之类的数据)
  • 按钮组件:发送请求
  • 组件拓展
  • 生成小程序
  • node下载
  • 图形组件
  • 基础的后台服务
  • 复制粘贴
  • 图片组件:设置图片展示行为(全屏?裁剪?),上传
  • 小程序基础演示
  • h5生成
  • 各个组件theme的选择
  • 轻富文本组件
  • checkbox组件
  • radio组件
  • textarea组件
  • slider组件
  • swiper组件
  • scrollview组件
  • list组件
  • tab组件
  • 图表组件
  • 多页面的设置
  • 区域选中
  • 组件编辑(双击某个区域组件,变为组件编辑模式)
  • 将圆角添加到几个可用的组件里去

widget

1. Constants.js里面增加Widget的property。 2. PageEditor.js里renderWidget增加render。 3. widget.css里面增加widget的css。 4. PageEditor.js里onMouseUp增加data数据处理。 5. PageAttributesPanel.js里增加修改特殊属性的dom。 6. 如果是数组组件需要在ButtonEventBindDialog.js里要增加数据类型的筛选并且data中必须要有name属性

  1. Constants.js增加WIDGET_TYPE.
  2. implements WidgetBase,实现里面所有的方法,就可以了.

About

一个在线设计小程序页面的项目

http://editor.xiejingyang.com/


Languages

Language:TypeScript 80.1%Language:JavaScript 13.8%Language:CSS 5.1%Language:HTML 1.0%