列表 list
说明
列表是一组元素的集合,每个元素都使用同样的配置。
示例
{
"id": "gameAssets",
"name": "游戏素材",
"type": "list",
"minLength": 7,
"maxLength": 7,
"itemConfig": {},
"itemType": "picture",
"kvmode": true
}
默认属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
description | 描述 | String | '' |
dist | 输出值 | Object | {value: []} |
dynamic | 发布后是否可修改 | Boolean | true |
itemConfig | 子项配置 | Object | {} |
itemType | 子项类型 | String | 'input' |
kvmode | 键值模式 | Boolean | false |
maxLength | 最大长度(0代表不生效) | Number | 0 |
minLength | 最小长度(0代表不生效) | Number | 0 |
name | 名称 | String | '' |
static | 是否不允许添加、删除新的项 | Boolean | false |
showKey | 是否强制显示key,当kvmode为true时生效 | Boolean | false |
tpImg | 是否需要合成图片,当itemType为picture时生效 | Boolean | false |
type | 类型 | String | 'list' |
vip | 是否为付费功能 | Boolean | false |
/**
* 默认配置 - 列表
*/
module.exports = {
/**
* 是否需要合成图片
* @type {Boolean}
*/
tpImg: false,
/**
* 描述
* @type {String}
*/
description: '',
/**
* 发布后是否可修改
* @type {Boolean}
*/
dynamic: true,
/**
* 是否允许添加、删除新的项
*/
static: false,
/**
* 是否强制显示key(主要用于可配置元素)
*/
showKey: false,
/**
* 子项的配置
* @type {Object}
*/
itemConfig: {},
/**
* 子项的类型
* @type {String}
*/
itemType: 'input',
/**
* 是否开启键值模式
* @type {Boolean}
*/
kvmode: false,
/**
* 最大长度
* @type {Number}
*/
maxLength: 0,
/**
* 最小长度
* @type {Number}
*/
minLength: 0,
/**
* 名称
* @type {String}
*/
name: '',
/**
* 类型
* @type {String}
* @required
*/
type: 'list',
/**
* 输出
* @type {Object}
*/
dist: {
value: []
},
/**
* 付费功能
* @type {Boolean}
*/
vip: false
};
值示例
{
"gameAssets": {
"value": [
{
"key": "背景",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/bg.png"
},
{
"key": "主角图片",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/cat.png"
},
{
"key": "障碍物",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/barrier.png"
},
{
"key": "方块左侧",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/left.png"
},
{
"key": "方块右侧",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/right.png"
},
{
"key": "方块顶部",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/top.png"
},
{
"key": "奖励图片",
"value": "//24haowan-cdn.shanyougame.com/downhill/assets/images/score.png"
}
]
}
}
附录
1. 目前支持的子项类型
- input 单行文本
- textarea 文本域
- picture 图片
- gift 奖品
2. 合成图片
当tpImg
为true,并且itemType
为picture时,每当列表中的图片修改后,会自动进行列表图片的合成。主要用途为序列帧的合成。
需要注意的是list中的每个item,需要添加一个fileName
,一般按数字顺序填写,与文件名称无关,仅用于合成时确定图片的顺序。
{
"gameDog": {
"value": [
{
"fileName": "1.png",
"key": "动画帧1",
"value": "http://img-2.24haowan.shanyougame.com/public_resource/img/iconfinder_1320007.png"
},
{
"fileName": "2.png",
"key": "动画帧2",
"value": "http://img-2.24haowan.shanyougame.com/public_resource/img/iconfinder_1320002.png"
}
],
"tp": {
"img": "//img-2.24haowan.shanyougame.com/tp_img/24/1501207731gameDog.png",
"json": "//img-2.24haowan.shanyougame.com/tp_img_config/24/1501207731gameDog.json"
}
}
}
tp中的结构为:
- img 合成图片,格式为png
- json 合成图片的描述文件,格式为json