jimu-mobile
Version:
积木组件库助力移动端开发
78 lines (77 loc) • 1.25 kB
text/less
#rootContent{
height: 100%
}
.dialogListWrap{
position: absolute;
top:0;
right:0;
width: 100%;
height: 100%;
background: rgba(204,204,204,0.5);
}
.dialogList{
box-shadow: 0 0px 8px 8px rgba(52, 60, 92, 0.08);
position: absolute;
top:0;
right:0;
width: 100%;
height: 100%;
overflow: scroll;
background-color: @fill-body;
-webkit-overflow-scrolling : touch;
&.w10{
width:10%;
}
&.w20{
width:20%;
}
&.w30{
width:30%;
}
&.w40{
width:40%;
}
&.w50{
width:50%;
}
&.w60{
width:60%;
}
&.w70{
width:70%;
}
&.w80{
width:58%;
}
.list{
height:50px;
line-height: 50px;
font-size: @font-size-caption;
text-indent: 10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
background:@fill-base;
.iconColor{
width:20px;
height:20px;
display: inline-block;
vertical-align: middle;
margin-right:10px;
border-radius: 50%;
border:1px solid @border-color-base;
}
img{
width:50px;
border-radius: @radius-xs;
vertical-align: middle;
}
span{
margin-left:10px;
vertical-align: middle;
}
&.select{
color:@color-icon-base;
}
}
}