卡片页面定制 [小飞龙] "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": "
  • 随时参赛、不限完赛次数、起点任选、实时排名
  • 起点 -各途经点 -结束点完整打卡为一次有效完赛" } }, "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": "
  • 赛期内随时参赛、不限完赛次数、起点任选、实时排名
  • 起点-各途经点-结束点完整打卡为1次有效完赛
  • 赛事如有疑问,请咨询微信客服", "imageList": [ { "src": "/static/common/qrcode_wxkf.png", "width": "100px", "height": "100px" } ] } }, { "type": 7, "data": { "title": "活动奖励", "content": "
  • 途经点打卡1次,获1个百味豆
  • 每次正确答题,再获1个百味豆
  • 20个百味豆兑换1个鸡蛋
  • 上不封顶!随时兑换!
    (限本次活动百味豆,兑换以“蛋叔券”为准)
  • 健身又能“薅羊毛”~", "imageList": [ { "src": "/static/common/jidanquan.png", "width": "80px", "height": "80px" } ] } } ], "introduce": { "title": "介绍:", "content": "
  • 领秀城社区欢乐定向赛来袭 \r\n
  • 领秀城 A、B、C、D、E、F 区及商业街、贵和购物广场等8个起点任选。\r\n
  • 跑的多,得蛋多,神秘蛋叔赞助!\r\n
  • 还等什么?火速报名吧!\r\n
  • 定向赛场上,每一个人都是主角~" } }, "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": "
  • 赛期内随时参赛、不限完赛次数、起点任选、实时排名
  • 起点-各途经点-结束点完整打卡为1次有效完赛
  • 赛事如有疑问,请咨询微信客服", "imageList": [ { "src": "/static/common/qrcode_wxkf.png", "width": "100px", "height": "100px" } ] } }, { "type": 7, "data": { "title": "活动奖励", "content": "
  • 途经点打卡1次,获1个百味豆
  • 每次正确答题,再获1个百味豆
  • 20个百味豆兑换1个鸡蛋
  • 上不封顶!随时兑换!
    (限本次活动百味豆,兑换以“蛋叔券”为准)
  • 健身又能“薅羊毛”~", "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": "
  • 赛期内随时参赛、不限完赛次数、起点任选、实时排名
  • 起点-各途经点-结束点完整打卡为1次有效完赛
  • 赛事如有疑问,请咨询微信客服", "imageList": [ { "src": "/static/common/qrcode_wxkf.png", "width": "100px", "height": "100px" } ] } }, { "type": 7, "data": { "title": "活动奖励", "content": "
  • 途经点打卡1次,获1个百味豆
  • 每次正确答题,再获1个百味豆
  • 20个百味豆兑换1个鸡蛋
  • 上不封顶!随时兑换!
    (限本次活动百味豆,兑换以“蛋叔券”为准)
  • 健身又能“薅羊毛”~", "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": "万盛隆购物超市" } } } ] }