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 · 还等啥？火速报名吧！"
}

}, "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, // 1: 比赛路线  2: 导航到指定地点  3: 比赛路线 + 导航
            "pathImg": "/static/common/lingxiucheng.png",
            "path": {
                "ocaId": 1,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            },
            "navImg": "/static/common/nav.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "领秀城起始点"
            }
        },
        {
            "type": 3, // 1: 比赛路线  2: 导航到指定地点  3: 比赛路线 + 导航
            "pathImg": "/static/common/quanchenggongyuan.png",
            "path": {
                "ocaId": 1,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            },
            "navImg": "/static/common/nav.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "泉城公园起始点"
            }
        }
    ],
    "row2": [{
            "type": 3, // 1: 比赛路线  2: 导航到指定地点  3: 比赛路线 + 导航
            "pathImg": "/static/common/baihuagongyuan.png",
            "path": {
                "ocaId": 1,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            },
            "navImg": "/static/common/nav.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "百花公园起始点"
            }
        },
        {
            "type": 3, // 1: 比赛路线  2: 导航到指定地点  3: 比赛路线 + 导航
            "pathImg": "/static/common/aotizhongxin.png",
            "path": {
                "ocaId": 1,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            },
            "navImg": "/static/common/nav.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "奥体中心起始点"
            }
        }
    ],
    "row3": [{
        "type": 3, // 1: 比赛路线  2: 导航到指定地点  3: 比赛路线 + 导航
        "pathImg": "/static/common/muniushan.png",
        "path": {
            "ocaId": 1,
            "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 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": "万盛隆购物超市"
            }
        }
    }
]

}