|
@ -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;
|
|
|
}
|
|
|
}
|
|
|
}
|