react-app-shell/activity/src/views/component/custom-service-modal/style.less

react打包脚本和example, 这里的版本请忽略

.custom-modal{
    background-color: rgba(0,0,0,.7);
    pointer-events: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.img-logo{
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-bottom: -10px;
    margin-right: 10px;
}

.custom-container{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #F8F8F8;
    z-index: 9;
    .container-row{
        display: block;
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background-color: #ffffff;
        .wx-logo:extend(.img-logo){
            background: url("../../../public/images/group/s-weixin.png") no-repeat;
            background-size: cover;
        }
        .iphone-logo:extend(.img-logo){
            background: url("../../../public/images/group/s-phone.png") no-repeat;
            background-size: cover;
        }
        .text{
            font-size: 32px;
            color: #333333;
        }
        &:first-child{
            border-bottom: 1px solid #F8F8F8;
        }
        &:last-child{
            margin-top: 10px;
        }
    }
}