cardconfig.md 15 KB
卡片页面定制
[小飞龙]
"index": {
"css": "
.content-bg{
background: url('static/cardbg/xfl5.png');
background-size: cover;
}
.logo{
width: 40vw;
height: 40vw;
background: url('static/logo/xfl2.png') no-repeat center;
background-size: contain;
}
.mod-text{
color: #000000 !important;
}
.mod-button{
color: #ffffff !important;
background-color: #9d4f00 !important;
}
"
}, "signup": {
"css": "
.top{
width: 100%;
height: 170px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_egg3.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.topbar-color{
color: #333333;
}
.btnSignup-enable {
background-color: #ff870e !important;
}
.swiper-item-button {
background-color: #ff870e !important;
}
",
"popupDataList": [{
"type": 1,
"data": {
"title": "小飞龙定向赛",
"img": "/static/common/egg.png",
"content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
}
},
{
"type": 2,
"data": {
"title": "规则",
"img": "/static/common/guize.png"
}
},
{
"type": 2,
"data": {
"title": "奖励",
"img": "/static/common/jiangli.png"
}
},
"default"
],
"introduce": {
"title": "介绍：",
"content": " · 小飞龙定向赛再次来袭！这次有五个场地哟~\r\n · 神秘“蛋叔”闪亮登场~\r\n · 蛋叔放大招，百味豆换鸡蛋！\r\n · 时不可待！冲鸭！\r\n\r\n · 能不能把蛋叔整郁闷，就看你的啦~\r\n · 还等啥？火速报名吧！"
},
"activityRules": {
"title": "活动规则：",
"content": "<li>随时参赛、不限完赛次数、起点任选、实时排名 <li>起点 -各途经点 -结束点完整打卡为一次有效完赛"
}
}, "rankOverview": {
"css": "
.top{
position: relative;
z-index: 10;
width: 100%;
height: 270px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_egg2.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: -8px;
background-size: 100% 100%;
}
",
"pathList": {
"row1": [{
"type": 3,
"pathImg": "/static/common/lingxiucheng.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/quanchenggongyuan.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "泉城公园起始点"
}
}
],
"row2": [{
"type": 3,
"pathImg": "/static/common/baihuagongyuan.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "百花公园起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/aotizhongxin.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "奥体中心起始点"
}
}
],
"row3": [{
"type": 3,
"pathImg": "/static/common/muniushan.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "牧牛山起始点"
}
}]
},
"pathListStyle" : {
"showLine" : true,
"style": "justify-content: flex-start;"
},
"popupDataList": [{
"type": 1,
"data": {
"title": "小飞龙定向赛",
"img": "/static/common/egg.png",
"content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
}
},
{
"type": 2,
"data": {
"title": "规则",
"img": "/static/common/guize.png"
}
},
{
"type": 2,
"data": {
title: "奖励",
img: "/static/common/jiangli.png"
}
},
"default"
]
}, "rankList": {
"css": "
.top{
width: 100%;
height: 170px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_egg3.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.topbar-color{
color: #333333;
}
.topbtm-name{
background-color: #c77f34 !important;
color: #ffffff !important;
}
.topbtm-egg{
background-color: #c6690a !important;
color: #ffffff !important;
}
.btnBack{
background-color: #ff870d !important;
}
.main-bar{
background-color: #FFEDDB !important;
color: #ff870d !important;
}
.swiper-item-button {
background-color: #ff870e !important;
}
.uni-swiper-dot-active {
background: #ff870e !important;
}
",
"tabActiveColor": "#ff870d",
"popupDataList": [{
"type": 1,
"data": {
"title": "小飞龙定向赛",
"img": "/static/common/egg.png",
"content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
}
},
{
"type": 2,
"data": {
title: "规则",
img: "/static/common/guize.png"
}
},
{
"type": 2,
"data": {
"title": "奖励",
"img": "/static/common/jiangli.png"
}
},
"default"
],
"popupExchgList": [{
"type": 5,
"data": {
"title": "兑换地点",
"img": "/static/common/wslgwcs.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "万盛隆购物超市"
}
}
}
]
}
[领秀城]
index卡片URL参数：type=欢度国庆节&btnText=我要比赛
"index": {
"css": "
.content-bg{
background: url('static/cardbg/guoqing.png');
background-size: cover;
}
.logo{
width: 60vw;
height: 50vw;
background: url('static/logo/building.png') no-repeat center;
background-size: contain;
}
.mod-text{
color: #ffffff !important;
}
.mod-button{
color: #ffffff !important;
background-color: #990000 !important;
}
"
}, "signup": {
"css": "
.top{
width: 100%;
height: 170px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_guoqing.png');
background-repeat: no-repeat;
background-position-y: 20%;
background-size: cover;
}
.topbar-color{
color: #ffffff;
}
.btnSignup-enable {
background-color: #ff0000 !important;
}
.swiper-item-button {
background-color: #ff0000 !important;
}
.uni-swiper-dot-active {
background: #ff0000 !important;
}
",
"popupDataList": [
{
"type": 2,
"data": {
"title": "基本图例",
"img": "/static/common/jbtl.png"
}
}, {
"type": 2,
"data": {
"title": "基本标识",
"img": "/static/common/jbbs2.png"
}
},
{
"type": 7,
"data": {
"title": "活动规则",
"content": "<li>赛期内随时参赛、不限完赛次数、起点任选、实时排名 <li>起点-各途经点-结束点完整打卡为1次有效完赛 <li>赛事如有疑问，请咨询微信客服",
"imageList": [
{
"src": "/static/common/qrcode_wxkf.png",
"width": "100px",
"height": "100px"
}
]
}
},
{
"type": 7,
"data": {
"title": "活动奖励",
"content": "<li>途经点打卡1次，获1个百味豆<br><li>每次正确答题，再获1个百味豆<br><li>20个百味豆兑换1个鸡蛋<br><li>上不封顶！随时兑换！<br><text style='font-size:12px;color:#999999;'>(限本次活动百味豆，兑换以“蛋叔券”为准)</text><br><li>健身又能“薅羊毛”~",
"imageList": [
{
"src": "/static/common/jidanquan.png",
"width": "80px",
"height": "80px"
}
]
}
}
],
"introduce": {
"title": "介绍：",
"content": "<li>领秀城社区欢乐定向赛来袭 \r\n <li>领秀城 A、B、C、D、E、F 区及商业街、贵和购物广场等8个起点任选。\r\n <li>跑的多，得蛋多，神秘蛋叔赞助！\r\n <li>还等什么？火速报名吧！\r\n <li>定向赛场上，每一个人都是主角~"
}
}, "rankOverview": {
"css": "
.top{
position: relative;
z-index: 10;
width: 100%;
height: 270px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_guoqing.png');
background-repeat: no-repeat;
background-position-x: center;
background-position-y: -8px;
background-size: 100% 100%;
}
.topbar-color{
color: #ffffff;
}
",
"pathList": {
"row1": [{
"type": 3,
"pathImg": "/static/common/领秀城A区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城A区起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/领秀城B区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城B区起始点"
}
}
],
"row2": [{
"type": 3,
"pathImg": "/static/common/领秀城C区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城C区起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/领秀城D区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城D区起始点"
}
}
],
"row3": [{
"type": 3,
"pathImg": "/static/common/领秀城E区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城E区起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/领秀城F区.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "领秀城F区起始点"
}
}
],
"row4": [{
"type": 3,
"pathImg": "/static/common/贵和购物中心.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "贵和购物中心起始点"
}
},
{
"type": 3,
"pathImg": "/static/common/中心花园.png",
"path": {
"ocaId": 1,
"mcType": 3
},
"navImg": "/static/common/nav.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "中心花园起始点"
}
}
]
},
"pathListStyle" : {
"showLine" : true,
"style": "justify-content: flex-start;"
},
"popupDataList": [
{
"type": 2,
"data": {
"title": "基本图例",
"img": "/static/common/jbtl.png"
}
}, {
"type": 2,
"data": {
"title": "基本标识",
"img": "/static/common/jbbs2.png"
}
},
{
"type": 7,
"data": {
"title": "活动规则",
"content": "<li>赛期内随时参赛、不限完赛次数、起点任选、实时排名 <li>起点-各途经点-结束点完整打卡为1次有效完赛 <li>赛事如有疑问，请咨询微信客服",
"imageList": [
{
"src": "/static/common/qrcode_wxkf.png",
"width": "100px",
"height": "100px"
}
]
}
},
{
"type": 7,
"data": {
"title": "活动奖励",
"content": "<li>途经点打卡1次，获1个百味豆<br><li>每次正确答题，再获1个百味豆<br><li>20个百味豆兑换1个鸡蛋<br><li>上不封顶！随时兑换！<br><text style='font-size:12px;color:#999999;'>(限本次活动百味豆，兑换以“蛋叔券”为准)</text><br><li>健身又能“薅羊毛”~",
"imageList": [
{
"src": "/static/common/jidanquan.png",
"width": "80px",
"height": "80px"
}
]
}
},
{
"type": 5,
"data": {
"title": "兑换地点",
"img": "/static/common/wslgwcs.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "万盛隆购物超市"
}
}
}
]
}, "rankList": {
"css": "
.top{
width: 100%;
height: 170px;
padding-top: 36px;
justify-content: space-between;
background-image: url('static/backgroud/top_bg_guoqing.png');
background-repeat: no-repeat;
background-position-y: 20%;
background-size: cover;
}
.topbar-color{
color: #ffffff;
}
.topbtm-name{
background-color: #e68328 !important;
color: #ffffff !important;
opacity: 0.9;
}
.topbtm-egg{
background-color: #e68328 !important;
color: #ffffff !important;
opacity: 0.9;
}
.btnBack{
background-color: #ff0000 !important;
}
.main-bar{
background-color: #ffd1d1 !important;
color: #C40000 !important;
}
.swiper-item-button {
background-color: #C40000 !important;
}
.uni-swiper-dot-active {
background: #C40000 !important;
}
",
"tabActiveColor": "#ff0000",
"popupDataList": [
{
"type": 2,
"data": {
"title": "基本图例",
"img": "/static/common/jbtl.png"
}
}, {
"type": 2,
"data": {
"title": "基本标识",
"img": "/static/common/jbbs2.png"
}
},
{
"type": 7,
"data": {
"title": "活动规则",
"content": "<li>赛期内随时参赛、不限完赛次数、起点任选、实时排名 <li>起点-各途经点-结束点完整打卡为1次有效完赛 <li>赛事如有疑问，请咨询微信客服",
"imageList": [
{
"src": "/static/common/qrcode_wxkf.png",
"width": "100px",
"height": "100px"
}
]
}
},
{
"type": 7,
"data": {
"title": "活动奖励",
"content": "<li>途经点打卡1次，获1个百味豆<br><li>每次正确答题，再获1个百味豆<br><li>20个百味豆兑换1个鸡蛋<br><li>上不封顶！随时兑换！<br><text style='font-size:12px;color:#999999;'>(限本次活动百味豆，兑换以“蛋叔券”为准)</text><br><li>健身又能“薅羊毛”~",
"imageList": [
{
"src": "/static/common/jidanquan.png",
"width": "80px",
"height": "80px"
}
]
}
},
{
"type": 5,
"data": {
"title": "兑换地点",
"img": "/static/common/wslgwcs.png",
"point": {
"longitude": 117.022194,
"latitude": 36.661612,
"name": "万盛隆购物超市"
}
}
}
],
"popupExchgList": [{
"type": 5,
"data": {
"title": "兑换地点",
"img": "/static/common/wslgwcs.png",
"point": {
"longitude": 117.022194,
"latitude": 36.6 61612,
"name": "万盛隆购物超市"
}
}
}
]
}