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

卡片页面定制

[小飞龙]

"index": {

"css": "
    .content-bg{
        background: url('static/cardbg/xfl3.jpg');
        background-size: cover;
    }
    .logo{
        width: 40vw;
        height: 40vw;
        background: url('static/logo/xfl.png') no-repeat center;
        background-size: contain;
    }
    .mod-text{
        color: #FF6203 !important;
    }
    .mod-button{
        color: #ffffff !important;
        background-color: #FF6203 !important;
    }
"

}, "signup": {

"css": "
    .top{
        width: 100%;
        height: 230px;
        padding-top: 36px;
        justify-content: space-between;
        background-image: url('static/backgroud/top_bg_aoti.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .topbar-color{
        color: #5b9100;
    }
    .swiper-item-button {
        background-color: #81cd00 !important;
    }
",
"popupDataList": [{
        "type": 1,
        "data": {
            "title": "小飞龙定向赛",
            "img": "/static/logo/xfl.png",
            "content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
        }
    },
    {
        type: 2,
        data: {
            title: "规则",
            img: "/static/common/guize.png",
        }
    }, {
        type: 2,
        data: {
            title: "奖励",
            img: "/static/common/jiangli.png",
        }
    },
    "default"
],
"introduce": {
    "title": "介绍：",
    "content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
}

}, "rankOverview": {

"css": "",
"pathList": {
    "row1": [{
            "type": 2, // 1: 比赛路线  2: 导航到指定地点
            "img": "/static/common/dhdqdwz.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "小飞龙定向赛起始点"
            }
        },
        {
            "type": 1, // 1: 比赛路线  2: 导航到指定地点
            "img": "/static/common/cjlx12dw.png",
            "path": {
                "ocaId": 1,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            }
        }
    ],
    "row2": [{
            "type": 1, // 1: 比赛路线  2: 导航到指定地点
            "img": "/static/common/zjlx16dw.png",
            "path": {
                "ocaId": 2,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            }
        },
        {
            "type": 1, // 1: 比赛路线  2: 导航到指定地点
            "img": "/static/common/gjlx20dw.png",
            "path": {
                "ocaId": 3,
                "mcType": 3 // 赛事类型 1 普通活动 2 线下赛 3 线上赛
            }
        }
    ]
},
"popupDataList": [{
        "type": 1,
        "data": {
            "title": "小飞龙定向赛",
            "img": "/static/logo/xfl.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_aoti3.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
",
"popupDataList": [{
        "type": 1,
        "data": {
            "title": "小飞龙定向赛",
            "img": "/static/logo/xfl.png",
            "content": "济南奥体中心“一场三馆”包括体育场、体育馆、网球馆和游泳馆，呈现出“东荷西柳”的总体布局。 体育场以济南的“市树”柳树为母题，将垂柳柔美飘逸的形态固化为建筑语言。"
        }
    },
    {
        type: 2,
        data: {
            title: "规则",
            img: "/static/common/guize.png",
        }
    },
    {
        type: 2,
        data: {
            title: "奖励",
            img: "/static/common/jiangli.png",
        }
    },
    "default"
]

}