/*自定义的界面公共样式*/ .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; } /*选择人员公共样式 顶部 固定的 结束*/