madp-seed
Version:
A madp project
228 lines • 8.38 kB
JSON
{
"baseUrl": "http://127.0.0.1:80/******/",
"backgroundColor": "EDEDED", //页面背景颜色
"navbar": {
"type": "social-navbar", //导航栏类型: normal-navbar/ social-navbar(一级页面)
"height": "90px",
"backgroundColor": "#000080",
"backgroundImageWidth": "750",
"backgroundImageHeight": "300",
"backgroundImage": "root://assets/images/home/bg_home@2x.png", // 可配置 ,前端展示img图片
"titleItem": { //中间文本
"type": "text", //类型: text/ image
"text": "首页",
"textSize": "30px",
"textColor": "#FFFFFF",
"imageUrl": "",
"imageWidth": "300px",
"imageHeight": "50px"
},
"leftItems": [ //左边文本
{
"type": "image",
"text": "很好",
"textSize": "30px",
"textColor": "#000000",
"imageUrl": "root://assets/images/home/logo_letter_white@2x.png",
"imageWidth": "50px",
"imageHeight": "50px",
"action": {
"type": "func",
"value": "phone"
}
},
{
"type": "text",
"text": "我的",
"textSize": "30px",
"textColor": "#FFFFFF",
"imageUrl": "",
"imageWidth": "50px",
"imageHeight": "50px",
"action": {
"type": "function",
"value": "phone"
}
}
],
"rightItems": [ //右边文本
{
"type": "image",
"text": "搜素",
"textSize": "30px",
"textColor": "#FFFFFF",
"imageUrl": "",
"imageWidth": "50px",
"imageHeight": "50px",
"action": {
"type": "func",
"value": "phone"
}
},
{
"type": "image",
"text": "你好",
"textSize": "30px",
"textColor": "#000000",
"imageUrl": "https://vuejs.org/images/logo.png",
"imageWidth": "50px",
"imageHeight": "50px",
"action": {
"type": "function",
"value": "phone"
}
}
]
},
"components": [
{
"type": "commonMenu", //菜单:commonMenu 公告:noticeBar 广告
"grid": 4, //一行几个
"line": 4, //几行
"menu": {
"backgroundColor": "#000080", //菜单的背景颜色
"width": 700,
"borderRadius": 8 //圆角边框
},
"backgroundColor": "#000080", //背景颜色
"backgroundImageWidth": "750",
"backgroundImageHeight": "300",
"backgroundImage": "root://assets/images/home/bg_home@2x.png",
"imageSize": {
"width": 64,
"height": 64
},
"textStyle": {
"fontSize": 28,
"color": ""
},
"data": [
{
"text": "转账",
"imageUrl": "root://assets/images/home/icon_transfer@2x.png",
"action": {
"type": "functiton",
"value": ""
}
},
{
"text": "理财",
"imageUrl": "root://assets/images/home/icon_profit@2x.png",
"action": {
"type": "function",
"value": ""
}
},
{
"text": "信用卡",
"imageUrl": "root://assets/images/home/icon_creditcard@2x.png",
"action": ""
},
{
"text": "无卡取款",
"imageUrl": "root://assets/images/home/icon_cash@2x.png",
"action": ""
},
{
"text": "手机闪付",
"imageUrl": "root://assets/images/home/icon_quickpay@2x.png",
"action": ""
},
{
"text": "汇率换算",
"imageUrl": "root://assets/images/home/icon_exchange@2x.png",
"action": ""
},
{
"text": "保险",
"imageUrl": "root://assets/images/home/icon_insurance@2x.png",
"action": ""
},
{
"text": "生活缴费",
"imageUrl": "root://assets/images/home/icon_fee@2x.png",
"action": ""
},
{
"text": "收费易",
"imageUrl": "root://assets/images/home/icon_charge@2x.png",
"action": ""
},
{
"text": "更多",
"imageUrl": "root://assets/images/home/icon_more@2x.png",
"action": ""
}
]
},
{
"type": "noticeBar",
"interval": 3000, //毫秒
"direction": "vertical", //vertical 垂直 horizontal水平
"notice": { //公告整个组件的
"width": 500,
"height": 80,
"borderRadius": 8,
"backgroundColor": "#E1EFFF"
},
"textStyle": {
"color": "#333333",
"fontSize": 28
},
"data": [
{
"content": "您有一笔贷款即将到期,点击查看",
"action": ""
},
{
"content": "高收益理财明日开售,立即预约!",
"action": ""
}
]
},
{
"type": "banner", //广告
"autoPlayDuration": 3000, //切换间隔毫秒数
"scrollDuration": 900, //切换过程时间
"indicatorShow": true, //是否显示指示器
"indicatorMargin": 4, //指示器的外边距
"indicatorWidth": 6, //指示器的
"indicatorHeight": 6, //指示器的
"selectedIndicatorColor": "#FC581C", // 选中时指示器颜色
"unSelectedIndicatorColor": "#FFFFFF", // 未选中 "banner": { //广告组件中图片的宽高
"banner": {
"width": 686,
"height": 128
},
"backgroundColor": "#000080", // 背景 "backgroundImageWidth": "750",
"backgroundImageWidth": 750,
"backgroundImageHeight": 300,
"backgroundImage": "root://assets/images/home/bg_home@2x.png",
"data": [
{
"imageUrl": "root://assets/images/home/banner_home1@2x.png",
"action": {
"type": "func",
"value": ""
}
},
{
"imageUrl": "root://assets/images/home/banner_home1@2x.png",
"action": {
"type": "func",
"value": "financial"
}
}
]
},
{
"type": "divider", //分隔栏
"width": 750,
"height": 20,
"backgroundColor": "#000080", // 背景 "backgroundImageWidth": "750",
"backgroundImageWidth": 750,
"backgroundImageHeight": 300,
"backgroundImage": "root://assets/images/home/bg_home@2x.png"
}
]
}