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": "
    .top{
        position: relative;
        z-index: 10;
        width: 100%;
        height: 300px;
        padding-top: 36px;
        justify-content: space-between;
        background-image: url('static/backgroud/top_bg_sea.png');
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        background-size: cover;
    }
",
"pathList": {
    "row1": [{
            "type": 2,
            "img": "/static/common/dhdqdwz.png",
            "point": {
                "longitude": 117.022194,
                "latitude": 36.661612,
                "name": "小飞龙定向赛起始点"
            }
        },
        {
            "type": 1,
            "img": "/static/common/cjlx12dw.png",
            "path": {
                "ocaId": 1,
                "mcType": 3
            }
        }
    ],
    "row2": [{
            "type": 1,
            "img": "/static/common/zjlx16dw.png",
            "path": {
                "ocaId": 2,
                "mcType": 3
            }
        },
        {
            "type": 1,
            "img": "/static/common/gjlx20dw.png",
            "path": {
                "ocaId": 3,
                "mcType": 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"
]

}