UNPKG

madp-seed

Version:

A madp project

228 lines 8.38 kB
{ "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" } ] }