mobile_h5/card/pages/bm/style3/cardconfig.md

卡片页面定制

[小飞龙]

"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": "万盛隆购物超市"
            }
        }
    }
]

}