686 lines
12 KiB
CSS
686 lines
12 KiB
CSS
|
/*自定义的界面公共样式*/
|
||
|
|
.myContainer{
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
border-radius:12upx;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 24upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myCon{
|
||
|
|
position: relative;
|
||
|
|
border-radius:12upx;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 24upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myContentBox{
|
||
|
|
background: #fff;
|
||
|
|
box-shadow:0px 5px 20px 0px rgba(118,144,179,0.14);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*块状 带标题 下划线 -左右 处理 白色背景 */
|
||
|
|
|
||
|
|
.detail_name_container{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
padding-left: 30upx;
|
||
|
|
height: 100upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.detail_name_container view{
|
||
|
|
position: relative;
|
||
|
|
font-size: 30upx;
|
||
|
|
float: left;
|
||
|
|
line-height: 100upx;
|
||
|
|
margin-right: 40upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top_container{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
padding:30upx 200upx 30upx 30upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #333;
|
||
|
|
border-bottom: 1px solid #EDEDED;
|
||
|
|
padding-right: 30upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current:after{
|
||
|
|
position: absolute;
|
||
|
|
content: '';
|
||
|
|
width: 80upx;
|
||
|
|
height: 8upx;
|
||
|
|
background-color: #3382FF;
|
||
|
|
bottom:8upx;
|
||
|
|
left:20upx;
|
||
|
|
border-radius: 8upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list_item{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 70upx;
|
||
|
|
padding: 0 10upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.list_item_name{
|
||
|
|
position: absolute;
|
||
|
|
left: 30upx;
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #999;
|
||
|
|
line-height: 70upx;
|
||
|
|
/* width: 140upx; */
|
||
|
|
}
|
||
|
|
.list_item_content{
|
||
|
|
position: relative;
|
||
|
|
padding: 14upx 0 14upx 140upx;
|
||
|
|
font-size: 28upx;
|
||
|
|
line-height: 40upx;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.content_right{
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 20upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*特殊中 存放图片的内容*/
|
||
|
|
.resultContent{
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #333;
|
||
|
|
padding:30upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.img-wrap{
|
||
|
|
position: relative;
|
||
|
|
background-color: #fff;
|
||
|
|
float: left;
|
||
|
|
width: 27%;
|
||
|
|
margin:3%;
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
.img-box{
|
||
|
|
width: 100%;
|
||
|
|
padding-bottom: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.img-box img{
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*搜索带放大镜*/
|
||
|
|
.search_container {
|
||
|
|
position: relative;
|
||
|
|
padding-left: 28px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #fff;
|
||
|
|
margin: auto;
|
||
|
|
width: 80%;
|
||
|
|
height: 26px;
|
||
|
|
background-color: #409EFF;
|
||
|
|
border-radius: 2px;
|
||
|
|
/* background-color: #F6F6F6;
|
||
|
|
border-radius: 26px; */
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 26px;
|
||
|
|
margin-left: 10%;
|
||
|
|
}
|
||
|
|
.search_icon{
|
||
|
|
position: absolute;
|
||
|
|
left: 5px;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*右箭头*/
|
||
|
|
.myarrowright{
|
||
|
|
font-size: 32upx !important;
|
||
|
|
position: absolute;
|
||
|
|
right: 20upx;
|
||
|
|
line-height: 88upx !important;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.riliIcon {
|
||
|
|
position: absolute;
|
||
|
|
right: 30upx;
|
||
|
|
top: 25upx;
|
||
|
|
width: 40upx;
|
||
|
|
height: 40upx;
|
||
|
|
}
|
||
|
|
/*控制 上弹组件*/
|
||
|
|
.picker_{
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*固定在底部的按钮 公共样式*/
|
||
|
|
.fixBottom{
|
||
|
|
/* position: fixed;
|
||
|
|
bottom: 0px;
|
||
|
|
right: 0px; */
|
||
|
|
background: #f5f5f5;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
width: 95%;
|
||
|
|
margin: 0 auto;
|
||
|
|
/* padding: 16px;
|
||
|
|
left: 0px; */
|
||
|
|
}
|
||
|
|
/*为了暂时固定按钮，文本内容需要顶起来 以控制当前按钮的现实 所以需要在按钮前的最后一个div中加上magin*/
|
||
|
|
.fixMargin{
|
||
|
|
width: 100%;
|
||
|
|
/* height: 320upx; */
|
||
|
|
height: 160upx;
|
||
|
|
}
|
||
|
|
/*悬浮图标*/
|
||
|
|
.goHome{
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
position: fixed;
|
||
|
|
bottom:190upx;
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
.goHome img{width: 100%; height: 100%;}
|
||
|
|
|
||
|
|
/*验收 公共样式 下面开始*/
|
||
|
|
|
||
|
|
/*白色背景 中间带线框 左右效果 公共样式 用于验收*/
|
||
|
|
.myItemBox{
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 88upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.myItemBox:after{
|
||
|
|
position: absolute;
|
||
|
|
content: '';
|
||
|
|
height: 1px;
|
||
|
|
left: 30upx;
|
||
|
|
right: 30upx;
|
||
|
|
background-color: #E0E0E0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.myItemBox:last-of-type:after{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.myItemBox_name{
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #999;
|
||
|
|
line-height: 88upx;
|
||
|
|
margin-left: 30upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myItemBox_value{
|
||
|
|
position: absolute;
|
||
|
|
right: 80upx;
|
||
|
|
height: 90upx;
|
||
|
|
line-height: 90upx;
|
||
|
|
top: 0upx;
|
||
|
|
color: #333;
|
||
|
|
font-size: 28upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.acceptTitle{
|
||
|
|
font-size: 28upx;
|
||
|
|
line-height: 52upx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.redMi:before{
|
||
|
|
position: absolute;
|
||
|
|
content: '*';
|
||
|
|
color: #FF0000;
|
||
|
|
left: 0px;
|
||
|
|
}
|
||
|
|
.redMi{
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
.star_content{
|
||
|
|
position: relative;
|
||
|
|
height: 78upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.star_name{
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #333;
|
||
|
|
line-height: 78upx;
|
||
|
|
margin-left: 32upx;
|
||
|
|
}
|
||
|
|
.star{
|
||
|
|
position: absolute;
|
||
|
|
right: 32upx;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
line-height: 78upx;
|
||
|
|
padding-top: 12upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.uni-icon-star-filled{
|
||
|
|
font-size: 50upx !important;
|
||
|
|
line-height: 50upx !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*设备维修填写信息模块 公共样式 开始*/
|
||
|
|
.item {
|
||
|
|
position: relative;
|
||
|
|
overflow: auto;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 92upx;
|
||
|
|
background-color: #fff;
|
||
|
|
border-bottom: 1px solid #EDEDED;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item_line {
|
||
|
|
margin-bottom: 20upx;
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item_textarea {
|
||
|
|
height: 286upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.itemname {
|
||
|
|
position: absolute;
|
||
|
|
left: 30upx;
|
||
|
|
top: 0;
|
||
|
|
height: 92upx;
|
||
|
|
line-height: 92upx;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.itemtext {
|
||
|
|
position: relative;
|
||
|
|
float: right;
|
||
|
|
right: 30upx;
|
||
|
|
width: 50%;
|
||
|
|
min-height: 92upx;
|
||
|
|
line-height: 40upx;
|
||
|
|
color: #333;
|
||
|
|
padding-top: 26upx;
|
||
|
|
padding-bottom: 26upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.iteminput{
|
||
|
|
width: 100%;
|
||
|
|
text-align: right;
|
||
|
|
font-size: 26upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.InputRightMargin{
|
||
|
|
padding-right:50upx;
|
||
|
|
}
|
||
|
|
.timeRightMargin{
|
||
|
|
padding-right: 60upx;
|
||
|
|
}
|
||
|
|
.dateIcon {
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
top: 25upx;
|
||
|
|
width: 40upx;
|
||
|
|
height: 40upx;
|
||
|
|
}
|
||
|
|
.textarea {
|
||
|
|
position: absolute;
|
||
|
|
left: 30upx;
|
||
|
|
right: 30upx;
|
||
|
|
bottom: 30upx;
|
||
|
|
top: 92upx;
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
.picke_item{
|
||
|
|
right: 60upx;
|
||
|
|
position: absolute;
|
||
|
|
line-height: 88upx;
|
||
|
|
top: 0;
|
||
|
|
color: #333;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*上传图片*/
|
||
|
|
.photo_container {
|
||
|
|
position: relative;
|
||
|
|
margin-top: 20upx;
|
||
|
|
background-color: #fff;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pzqd {
|
||
|
|
font-size: 32upx;
|
||
|
|
color: #333;
|
||
|
|
padding-left: 30upx;
|
||
|
|
padding-top: 20upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.photo_out {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.imgwrap {
|
||
|
|
position: relative;
|
||
|
|
background-color: #fff;
|
||
|
|
float: left;
|
||
|
|
width: 27%;
|
||
|
|
margin: 3%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myimgBox {
|
||
|
|
width: 100%;
|
||
|
|
padding-bottom: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myimgBox .img {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
/* background-color: red; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload_btn {
|
||
|
|
border: 2upx solid #dadada;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload_btn img {
|
||
|
|
display: block;
|
||
|
|
width: 32%;
|
||
|
|
height: 30%;
|
||
|
|
margin: 0 auto 10upx auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sctp {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 30upx;
|
||
|
|
color: #ababab;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uploadimg {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cxsc {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 60upx;
|
||
|
|
background-color: rgba(0, 0, 0, 0.8);
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 60upx;
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.deleteimg {
|
||
|
|
position: absolute;
|
||
|
|
width: 36upx;
|
||
|
|
height: 36upx;
|
||
|
|
right: -18upx;
|
||
|
|
top: -18upx;
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 36upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*设备维修填写信息模块 公共样式 结束*/
|
||
|
|
|
||
|
|
/*日志 左边的小红标签*/
|
||
|
|
.smallTags{
|
||
|
|
position: absolute;
|
||
|
|
width: 50px;
|
||
|
|
height: 20px;
|
||
|
|
font-size:18upx;
|
||
|
|
color: #fff;
|
||
|
|
background: #f00;
|
||
|
|
border-radius: 0px 20px 20px 0px;
|
||
|
|
left: 26upx;
|
||
|
|
top: -10upx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.myfilters{
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
position: fixed;
|
||
|
|
top: 80px;
|
||
|
|
background: #f5f5f5;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*日历公共样式*/
|
||
|
|
.dataSearch{
|
||
|
|
width: 30%;
|
||
|
|
background: #eee;
|
||
|
|
height: 30px;
|
||
|
|
border-radius: 30px;
|
||
|
|
position: relative;
|
||
|
|
margin-right: 5%;
|
||
|
|
margin-top: 6px;
|
||
|
|
}
|
||
|
|
.dataSearch .inputDate{
|
||
|
|
height: 100%; padding-right:35px;
|
||
|
|
font-size: 26upx; padding-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dataSearch .mydateIcon {
|
||
|
|
position: absolute;
|
||
|
|
right: 10px;
|
||
|
|
top: 5px;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*设备台账 日报 等固定在顶部的内容*/
|
||
|
|
.otherFixed{
|
||
|
|
background: #fff;
|
||
|
|
width:50%; text-align:center; color: #666;
|
||
|
|
position: fixed;z-index:2;
|
||
|
|
height: 40px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.otherFixed1{
|
||
|
|
background: #fff;
|
||
|
|
width:73%; text-align:center; color: #666;
|
||
|
|
position: fixed;z-index:2;
|
||
|
|
height: 40px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.otherFixed1 .text{
|
||
|
|
margin: 5px 3%;
|
||
|
|
background: #F6F6F6;
|
||
|
|
border-radius: 40px;
|
||
|
|
float: left;
|
||
|
|
width: 26%;
|
||
|
|
line-height: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
.otherFixed .text{
|
||
|
|
margin: 5px 3%;
|
||
|
|
/* background: #F6F6F6; */
|
||
|
|
border-radius: 40px;
|
||
|
|
float: left;
|
||
|
|
width: 44%;
|
||
|
|
line-height: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
.otherFixed99{
|
||
|
|
background: #fff;
|
||
|
|
width:100%; text-align:center; color: #666;
|
||
|
|
position: fixed;z-index:2;
|
||
|
|
height: 40px;
|
||
|
|
right: 0;
|
||
|
|
top: 44px;
|
||
|
|
}
|
||
|
|
.otherFixed99 .text{
|
||
|
|
margin: 5px 3%;
|
||
|
|
background: #F6F6F6;
|
||
|
|
border-radius: 40px;
|
||
|
|
float: left;
|
||
|
|
width: 26%;
|
||
|
|
line-height: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
.otherFixed98{
|
||
|
|
background: #fff;
|
||
|
|
width:20%; text-align:center; color: #666;
|
||
|
|
position: fixed;z-index:9999;
|
||
|
|
height: 40px;
|
||
|
|
right: 5px;
|
||
|
|
top: 44px;
|
||
|
|
}
|
||
|
|
.otherFixed98 .text{
|
||
|
|
margin: 5px 3%;
|
||
|
|
/* background-color: #409EFF; */
|
||
|
|
border-radius: 2px;
|
||
|
|
color: #333;
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
line-height: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
.otherFixed97{
|
||
|
|
background: #fff;
|
||
|
|
width:100%; text-align:center; color: #666;
|
||
|
|
position: fixed;z-index:9999;
|
||
|
|
height: 40px;
|
||
|
|
right: 5px;
|
||
|
|
top: 44px;
|
||
|
|
}
|
||
|
|
.otherFixed97 .text{
|
||
|
|
margin: 5px 3%;
|
||
|
|
background: #F6F6F6;
|
||
|
|
border-radius: 40px;
|
||
|
|
float: left;
|
||
|
|
width: 19%;
|
||
|
|
line-height: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*筛选效果 固定头部，其他内容固定头部 开始 设备维修等模块*/
|
||
|
|
.filter_container {
|
||
|
|
position: fixed;
|
||
|
|
top: var(var(--window-top));
|
||
|
|
background-color: #fff;
|
||
|
|
height: 40px;
|
||
|
|
z-index: 2;
|
||
|
|
padding-top: 7px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*筛选效果 固定头部，其他内容固定头部 结束 设备维修等模块 */
|
||
|
|
|
||
|
|
/*选择人员公共样式 顶部 固定的 开始*/
|
||
|
|
.box{
|
||
|
|
padding-top: 40px;
|
||
|
|
}
|
||
|
|
.peopleTop{
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
top: var(--window-top);
|
||
|
|
background-color: #fff;
|
||
|
|
height: 40px;
|
||
|
|
z-index: 2;
|
||
|
|
padding-top: 7px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.peopleTop .search_container{
|
||
|
|
width: 60%;
|
||
|
|
margin: 0px 5%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.peopleTop .deptBox{
|
||
|
|
width: 30%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.peopleTop .deptBox .text{
|
||
|
|
margin: 0px 3%;
|
||
|
|
background: #F6F6F6;
|
||
|
|
border-radius: 40px;
|
||
|
|
width: 94%;
|
||
|
|
line-height: 26px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-size: 26upx;
|
||
|
|
text-align: center;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox-filled{
|
||
|
|
position: absolute;
|
||
|
|
right: 60upx;
|
||
|
|
top: 60upx;
|
||
|
|
font-size: 50upx !important;
|
||
|
|
}
|
||
|
|
.people-box{
|
||
|
|
position: relative;
|
||
|
|
padding: 30upx;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.user_container{
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
margin-top: 20upx;
|
||
|
|
font-size: 24upx;
|
||
|
|
color: #999;
|
||
|
|
padding-left: 52upx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
line-height: 32upx;
|
||
|
|
height: 32upx;
|
||
|
|
margin-right: 40upx;
|
||
|
|
}
|
||
|
|
.user_container img{
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
display: inline-block;
|
||
|
|
float: left;
|
||
|
|
width: 32upx;
|
||
|
|
height: 32upx;
|
||
|
|
}
|
||
|
|
.username{
|
||
|
|
line-height: 32upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pl15{
|
||
|
|
padding-left: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*选择人员公共样式 顶部 固定的 结束*/
|