Commit e9143252 by hank

修改readme

parent 5b78bb77
...@@ -28,88 +28,55 @@ npm test ...@@ -28,88 +28,55 @@ npm test
``` ```
| type |描述 |使用端 | type |描述 |使用端
|----------------|-------------------------------|-----------------------------| |----------------|-------------------------------|-----------------------------|
|text|`文字类型,出现编辑框` | 客户端 | |text |`文字类型,出现编辑框` | 客户端 |
|textarea |`文本框类型,出现编辑框` | 客户端 |
|image |`图片类型 一个网络链接输入框 一个上传按钮` | 客户端 | |image |`图片类型 一个网络链接输入框 一个上传按钮` | 客户端 |
|video |`视频类型 一个网络链接输入框 一个上传按钮`| 模板页| |video |`视频类型 一个网络链接输入框 一个上传按钮`| 客户端|
|icon |`图标类型`| 客户端| |icon |`图标类型`| 客户端|
|audio |`音频类型 一个网络链接输入框 一个上传按钮`| 客户端| |audio |`音频类型 一个网络链接输入框 一个上传按钮`| 客户端|
|select |`选择器 需要内置选项列表`| 客户端|
|group |`组类型向下解析`| 解析| |group |`组类型向下解析`| 解析|
|list |`列表类型需要更具对应modeSchema生成`| 解析| |list |`列表类型需要更具对应modeSchema生成`| 解析|
# Data Schema # Data Schema
``` ```
[ {
templateInfo: {
name: '' //模板名称
},
pageList: [
{ {
id: '前端自定义id', name: '欢迎页面',
name: '页面名称', thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/template-culture/thumb1.jpg',
thumb: '页面缩略图', component: 'welcome',
component: 'page1', // 所使用的模板组件名称 defaultData:{
list: [ companyLogo: {
value: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/template-culture/logo1.png'
}
},
schemaData: {
companyLogo: {
value: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/template-culture/logo1.png'
}
},
itemList: [
{ {
type: 'group', type: 'image',
groupName: 'group1', name: '企业logo',
groupId: 'group1', description: '请上传png格式企业logo',
list: [ dataKey: 'companyLogo',
{ valueRule: ''
type: 'list',
isAllowCreation: false, // 是否可以创建子项
modeSchema: [ // 创建子项的Schema列表
{
name: {
type: 'text',
name: '楼层', // 字段名称
value: '', //字段值
description: '', // 用户填写时字段提示语
style: { // 样式
color: '' //目前只允许更改颜色
}
default: { // 默认
value: 'SOHO 3Q'
}
}
age: {
type: 'text',
name: '楼层', // 字段名称
value: '', //字段值
description: '', // 用户填写时字段提示语
style: { // 样式
color: '' //目前只允许更改颜色
}
default: { // 默认
value: '18'
}
}
}
],
list: [// type 为list的每一项 子项的数据需要遵循modeSchema
{
name: {
},
age: {
}
}
]
}
]
}, },
{ {
type: 'text', // 字段类型 type: 'group',
name: '楼层', // 字段名称 name: 'groupName',
value: '', //字段值 itemList: [
description: '', // 用户填写时字段提示语
style: { // 样式 ]
color: '' //目前只允许更改颜色
},
isEdited: false, // 是否处于被编辑状态
default: { // 默认
value: 'SOHO 3Q'
}
} }
] ]
} }
] ]
}
``` ```
...@@ -186,7 +186,6 @@ export default { ...@@ -186,7 +186,6 @@ export default {
// el.style.transform = 'rotateX(-180deg)' // el.style.transform = 'rotateX(-180deg)'
}, },
enter(el, done) { enter(el, done) {
console.log(el.dataset.index * 350);
window.$.Velocity( window.$.Velocity(
el, el,
{ opacity: 1, rotateX: "0deg" }, { opacity: 1, rotateX: "0deg" },
......
export default {
name: '欢迎页面',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/template-culture/thumb.jpg',
component: 'welcome',
list: [
{
type: 'image',
name: '企业logo',
value: '',
description: '请上传png格式企业logo',
style: {
color: 'white'
},
default: {
value: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/template-culture/logo1.png'
}
},
{
type: 'text',
name: '企业名称',
value: '',
description: '',
style: {
color: 'white'
},
default: {
value: '迈动互联(北京)信息科技有限公司'
}
},
{
type: 'text',
name: '中文企业欢迎语',
value: '',
description: '请输入企业欢迎语',
style: {
color: 'white'
},
default: {
value: '欢迎龙湖信息中心领导参观指导'
}
},
{
type: 'text',
name: '英文企业欢迎语',
value: '',
description: '请输入企业英文欢迎语',
style: {
color: 'white'
},
default: {
value: 'WELCOME'
}
},
{
type: 'text',
name: '企业英文名称',
value: '',
description: '请输入企业英文名称',
style: {
color: 'white'
},
default: {
value: 'MAXROCKY'
}
}
]
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment