lincl 2 years ago
parent
commit
ee3e9fd04d

+ 1 - 1
mini-pro-web/src/api/apiGateway.js

@ -1,2 +1,2 @@
export const BASE = process.env.NODE_ENV==='test'? '/cityihealth/baseygTest' : '/cityihealth/base'
export const BASE = process.env.NODE_ENV==='test'? '/cityihealth/baseygTest' : '/cityihealth/baseygTest'
export const AUTH = "/cityihealth"

+ 133 - 0
mini-pro-web/src/views/device/cargoLane/css/setting.scss

@ -0,0 +1,133 @@
.deviceDetail{
    .grid-3{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        .bar-icon{
            width: 40px;
            height: 8px;
            // background-color: #17b3ec;
            border-radius: 4px;
            // border: solid 1px #ffffff;
        }
    }
    .button-group{
        padding: 16px 15px;
        display: -webkit-box;
        -webkit-box-pack: justify;
        .button-item{
            width: 107px;
            .van-button{
                padding: 0;
            }
        }
    }
    .cargo-content{
        border-radius: 5px 5px 0px 0px;
        overflow: hidden;
        height: calc(100vh - 162px);
        display: -webkit-box;
        .cargo-content-right{
            background-color: #fff;
            -webkit-box-flex: 1;
            overflow-y: auto;
            .cargo-list-wrap{
                padding-top: 20px;
                &:first-child{
                    padding-top: 0;
                }
            }
            .cargo-content-right__title{
                border-bottom: 1px solid #e1e1e1;
                padding-bottom: 5px;
                .van-checkbox{
                    font-size: 14px;
                }
            }
            .cargo-list{
                display: flex;
                flex-wrap: wrap;
                .cargo-item{
                    margin-right: 21px;
                    padding-top: 15px;
                    &:nth-child(5n){
                        margin-right: 0;
                    }
                    .active{
                        border-color: #17b3ec;
                        background-image: url('../../../assets/images/gouxuan.png');
                        background-size: 15px 15px;
                        background-repeat: no-repeat;
                        background-position: bottom right;
                    }
                    .isMerge{
                        background-color: #17b3ec;
                        color: #fff;
                    }
                    .item-box{
                        line-height: 20px;
                    }
                }
            }
        }
        ::v-deep{
            .van-sidebar-item{
                padding: 12px 12px;
            }
            .van-sidebar-item--select{
                color: #17b3ec;
                &::before{
                    background-color: #17b3ec;
                }
            }
        }
    }
    .f-bold{
        font-weight: 700;
    }
    .c-cirlce-ff9526{
        background: #ff9526;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        display: inline-block;
    }
    .c-cirlce-17b3ec{
        background: #17b3ec;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        display: inline-block;
    }
    .c-cirlce-ff5e6c{
        background: #ff5e6c;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        display: inline-block;
    }
    .x-overflow{
        overflow-x: auto;
        -ms-overflow-style: none;
    }
    .x-overflow::-webkit-scrollbar{
        display:none;
    }
    .item{
        .active{
            border-color: #17b3ec;
            background-image: url('../../../assets/images/gouxuan.png');
            background-size: 15px 15px;
            background-repeat: no-repeat;
            background-position: bottom right;
        }
        .isMerge{
            background-color: #17b3ec;
            color: #fff;
        }
        .item-box{
            line-height: 20px;
        }
    }
}