/* common */ * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body .uni-input-input,body .uni-textarea-textarea{ -webkit-touch-callout: initial!important; -webkit-user-select: initial!important; -khtml-user-select: initial!important; -moz-user-select: initial!important; -ms-user-select: initial!important; user-select: initial!important; } body { font-size: 32rpx; } .cut{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-cut{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:85% } radio,checkbox { transform: scale(0.7) } /* 修改placeholder颜色 */ .uni-input-placeholder{ color:#999 } table{ border-collapse: collapse; width:100%; text-align:left } table,tr,td,th{ border:1px solid #e2e2e2; } td,th{ padding:14rpx 10rpx; font-size:26rpx; } .imgPic image{ width:100% } /* 一行显示*/ .inOneLine{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 画面监控引入特殊字体 */ @font-face { font-family: 'FANDOLFANG-REGULAR'; /* project id 2394829 */ src: url('static/font/FANDOLFANG-REGULAR.OTF'); } /* 巡检计划图表入特殊字体 */ @font-face { font-family: 'IMPACT'; /* project id 2394829 */ src: url('static/font/IMPACT.TTF'); } .cu-bar .search-form uni-input{ padding:0 30rpx } .searchSelect{ position: -webkit-fixed; position: fixed; // top: 88rpx; top: var(--window-top); z-index: 999; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; background-color: #fff; width:254rpx; .search{ min-height:80rpx; } .search-form{ border:1px solid #E9E9E9; height:50rpx; line-height:50rpx; .cuIcon-search{ color:#4074E7 } input{ padding-left:20rpx; padding-right:0rpx } } .select-item{ padding:12rpx 32rpx; text-align:center; border-top:1px solid #E9E9E9; font-size:28rpx } } /* 九宫格样式 */ .cu-list.grid>.cu-item uni-text { color: #333; font-size: 30rpx; margin-top:14rpx } .cu-list.menu-avatar>.cu-item>.cu-avatar { left: 24rpx; background-color:rgba(0,0,0,0) } .cu-list.menu-avatar>.cu-item .action { width: 132rpx } .iconfont.phone { color:#08BE04!important; font-size:45rpx; position:relative; top:6rpx; left:10rpx; } .iconfont.map{ color:#4074E7!important; font-size:38rpx; } /* 列列表公共样式 */ .processWrapper .cu-avatar { background-repeat: no-repeat; background-size: cover; background-color: #fff } .cu-avatar.lg { width: 90rpx; height: 90rpx } .cu-list.menu-avatar .cu-item { margin-left: 24rpx; padding: 30rpx 0; } .cu-list.menu-avatar>.cu-item>.cu-avatar { left: 0 } .cu-list.menu-avatar>.cu-item .content { left: 120rpx; width: 580rpx; } .unProcess,.error { color: #FF4E00 } .processed ,.online{ color: #08BE04 } .bg-error { background: #FF4E00; color:#fff; display:inline-block; padding:0 10px ; } .bg-online{ background: #08BE04; color:#fff; display:inline-block; padding:0 10px ; } // 底部操作样式 (分享 设备注册) .share{ position:fixed; bottom:0; left:0; width:100%; background: #f4f5f7; border: 1px solid #e6e6e6; .share-item{ padding:20rpx; } .share-item:nth-child(2){ border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; } } /* 页面样式 */ /* 站点列表页 */ /* 筛选框 */ .filter-section { /* position: fixed; */ /* top: 88rpx; */ width: 100%; z-index: 9 } .cu-bar .search-form { background: #fff } .cu-btn { padding: 0 46rpx; } /* 站点列表 */ .site-items { margin-top:100rpx; width: 100%; height: calc(100% - 100rpx); // overflow: scroll } .site-items .site-tit { font-size: 32rpx; color: #333; justify-content: space-between; } .site-items .cu-avatar {} /* 新增按钮 */ .site-wrapper .plus { position: fixed; bottom: 20rpx; right: 20rpx } /* 已处理未处理列表 */ .processList .cu-list.menu-avatar .cu-item { height: 180rpx; } .pro-title { color: #333; } .pro-des, .pro-date { font-size: 28rpx; color: #666; } .pro-res {} .processList{ width: 100%; height: calc(100% - 90rpx); overflow-y: scroll; } .fireBashWrapper.pushListWrapper{ margin-top:0rpx; } .share-item.active{ color:red } /* 已处理未处理详情页样式 */ .timeBox { height: 88rpx; background: #EFF4FF; line-height: 88rpx; .time { color: #333 } } .info-tit { color: #4074E7; line-height: 90rpx; height: 90rpx; } /* // 基本信息 */ .info-content>view { margin-left: 24rpx; border-bottom: 1px solid #EDEDED; line-height: 92rpx; color: #666; .checkMore { color: #4074E7!important } } .info-content view text:first-child { width: auto!important; display: inline-block } //分析页面 .analyse-wrapper { .top-banner { width: 100%; height: 273rpx; // background: url(/static/analyse-bg.png) no-repeat; background-size:cover; position:relative; } .cu-list.menu-avatar .cu-item{ margin:30rpx 0 0; margin-left:0; .cu-avatar{ background-color:rgba(0,0,0,0); left:26rpx; } .content{ left:130rpx; font-size:32rpx; } } } //消息页面 .image-bg { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .info-wrapper { .top-banner { background: none; background-size:cover; position:relative } } .submitBottomBtn { position: fixed; width: 100%; left:0; bottom: 44rpx; z-index: 9; // background-color: #ffffff; } // 权限新增 .perAppWrapper{ input, select, option { line-height: 70rpx; padding: 0 20rpx; height: 70rpx; border: 1px solid #EDEDED; // width:500rpx!important; background-color: #fff; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #999; } } .siteItems{ z-index:999; position:absolute; border:1px solid #eee; width:100%; .site-item{ background:#fff; padding:10rpx; font-size:28rpx; } } .selectedBox .cuIcon-close{ position:relative; top:3rpx; right:-10rpx; } .noResult{ padding:0 20rpx; font-size:28rpx; color:#aaa } // 离线设备 .ding{ position:fixed; width:100%; top: var(--window-top); // position: sticky; /* #ifdef H5 */ // top: 44px; /* #endif */ /* #ifndef H5 */ // top: 0; /* #endif */ z-index: 999; flex: 1; flex-direction: column; overflow: hidden; background-color: #ffffff; } .cu-bar{ min-height:0rpx; } .cu-bar .search-form { margin:26rpx 24rpx 0; } uni-textarea{ width:500rpx; } uni-label uni-text{ position: relative; top: 2px; } select{ outline:none; border:none; // width:90%; width:98%; padding-left:24rpx; color:#999 } // 未处理textarea样式 /* // 处理内容 */ .cu-form-group { background: #f5f5f5; } .processStatus { textarea { background: #F5F5F5; color: #999999; padding:20rpx; } } // textarea .JTxtArea { position: relative; &.sm { min-height: 60rpx; } &.lg { min-height: 120rpx; } &:after { content: attr(data-maxnum); position: absolute; right: 10rpx; bottom: 0px; } } // 设备类型 .cu-list.menu-avatar .deviceTypeItem.cu-item{ height:110rpx; .content{ left:100rpx!important } .cu-avatar.round{ width:70rpx; height:70rpx } .title{ font-size:32rpx!important; } .num{ color:#666; } } // 设备详情 .radiusStatus{ width:20rpx;height:20rpx;border-radius:50%;display:inline-block; margin-right:6rpx } .radiusStatus.offLine{ } .bg-offLine{ background:#ABABAB; color:#666666; .radiusStatus{ background:#666 } } .bg-onLine{ background:#08BE04; color:#fff; .radiusStatus{ background:#fff } } // 巡检计划 .plan-sec{ border-radius:10rpx; } .plan-tit{ font-size:34rpx } // 巡检新增 .cu-form-group { border-top: 0; background: #fff; padding:0 } input{ border: 1px solid #EDEDED!important; } input, select, option { line-height: 70rpx; padding: 0 20rpx; height: 70rpx; border: 1px solid #EDEDED; background-color: #fff; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #999; } select{ background-color: rgba(0,0,0,0); } select:focus, select:active, select:hover { outline: none; } .selectBox{ position:relative; select{ z-index:2 } .iconfont{ position:absolute; top:0; right:0rpx; color:#999; z-index:1 } } select { // background: url(/static/arrow2.png) no-repeat scroll 98% center; background-size:28rpx; } textarea{ border:1px solid #EDEDED; padding:10px; color: #999; } .form-item label text { position: relative; top: 2rpx } .form-item.selectBox{ select{ background:rgba(0,0,0,0) } } .form-item { margin: 0 40rpx; display: flex; align-items: top; margin-bottom: 20rpx; line-height:70rpx; .title { width: 200rpx; position: relative; .necessary { color: red; display: inline-block; position: absolute; top: -2rpx; left: -20rpx; font-size: 40rpx; } } input, select { width: calc(100% - 200rpx); font-size: 28rpx; } } //报修 .repair-page .cu-avatar{ width:82rpx; height:82rpx } // 巡检详情,已执行 .planDetailDone{ .form-item{ margin-left:24rpx; padding:26rpx 10rpx; border-top:1px solid #f1f1f1; margin-bottom:0 } } .repairSquare{ padding:18rpx 20rpx; border-radius:10rpx; } .repairSquare .num,.repairSquare .title{ color:#fff } .repairSquare .num{ font-size:36rpx } // 设备管理 uni-input, select, option{ border:none } // 风险保障 .viewDetail{ color:#4074E7; } .qa{ .cu-list+.cu-list{ margin-top:0 } } .qa-des{ color:#666; line-height:1.5; text-indent:64rpx } .bottom-line{ background: rgba(221,221,221,.5); height:2rpx; margin-left:30rpx; } .cu-list.menu-avatar>.cu-item.qa-tit{ height:auto; .cu-avatar{ width:32rpx;height:32rpx } .content{ left:50rpx } } .messagePush{ .uni-checkbox .uni-checkbox-input{ width:40rpx; height:40rpx; } } .fireBashWrapper{ .cu-avatar{ width:120rpx; height:100rpx } .cu-list.menu-avatar > .cu-item .content{ left:140rpx; .pro-date{ position:absolute; right:20rpx; bottom:0 } } } // 消防知识库详情页 .fireBashDetailWrapper{ font-size:28rpx; .cu-avatar{ width:50rpx; height:50rpx } .fireD-content{ position:relative } .fireD-content:before{ position: absolute; top: -8px; left: -15px; box-sizing: border-box; width: calc(100% + 30px); height: 1px; background:#EDEDED; content: " "; } .fireD-content view{ line-height:1.5; // text-indent:56rpx; } } .fireD-tit{ font-size:32rpx; font-weight:bold } .preAndNext{ color:#4074E7; margin:30rpx 0 80rpx; } // 月报详情 .reportD-wrapper{ .title-wrapper{ background:#EFF4FF; } .title{ line-height:2 } .other view{ margin-bottom:10rpx; } } .chart-tit{ color:#4074E7; font-size:32rpx; } // 提交页面 .successWrapper{ text-align:center; padding-top:100rpx; img{ width:313rpx; margin-right:32rpx; margin-bottom:20rpx } view{ font-size:36rpx; } } // 设备注册 .deviceRegistList{ // height:calc(100vh - 490rpx); checkbox{ position:absolute; left:0 } .cu-list.menu-avatar > .cu-item > .cu-avatar{ left:64rpx; } .cu-list.menu-avatar > .cu-item .content{ left:170rpx } } .deviceRegistWrapper{ .checkAll{ position:absolute; top:-60rpx; left:22rpx } .cu-form-group{ min-height:30rpx; margin-top:0 } } // 导出页面样式start .cu-dialog{ width:505rpx } .cu-modal .cu-dialog>.cu-bar:first-child .action{ min-height:50rpx; min-width:auto; } .cu-dialog{ border-radius:20rpx } .export-modal{ .cu-bar .action:first-child{ margin-left:70rpx; } .cu-bar.operate .action:last-child{ margin-right:70rpx; color:#fff; background:#4074E7; } .cu-bar.operate .action{ width:158rpx; border: 1px solid #bfbfbf; border-radius: 29rpx; line-height:56rpx; font-size:26rpx; } } // 导出页面样式end // 导出页面 .uni-date-x--border, .uni-date-x{ border-radius:25rpx!important; } .uni-date__x-input{ line-height:72rpx; } .example-body { margin:20rpx 20rpx; uni-input, select, option{ border:none!important; } } .info-one-info { display:flex; line-height:26px!important; padding:10px 0; } .info-content uni-view uni-text:first-child{ width:88px!important; } .info-content uni-view uni-text:last-child{ width:75%; }