/* case/pages/createCase/createCase.wxss */ page{ overflow: hidden; } .container{ margin-top: 15rpx; padding:20rpx 10rpx 50rpx; border: 1rpx solid #E3E4E5; border-radius:10rpx; display: flex; flex-direction: column; } .ql-container{ flex:1; } .page{ overflow: hidden; background: #F7F9F9; flex:1; display: flex; flex-direction: column; margin-top: 172rpx; } .basic .innerrow{ margin:0!important; padding:20rpx 0!important; font-size: 28rpx; border-bottom:1rpx solid rgba(0,0,0,0.1)!important; } .basic .cellunit:last-child .innerrow:last-child{ border:none!important; padding-bottom: 0!important; } .basic .innerrow .van-radio{ margin: 5rpx 0; } .basic .innerrow .placeholder{ font-size: 28rpx!important; } .cellunit{ margin-top: 15rpx; } .desctitle{ color: rgba(0,0,0,0.65); } .textdesc{ position: relative; } .back .van-radio-group{ margin-top: 15rpx; } .back .van-radio{ margin-bottom: 14rpx; } .unit{ border-bottom: 1rpx solid #E3E4E5; margin-bottom: 20rpx; } .unit .van-uploader__upload{ width:100%!important; height:100%!important; } .word .con{ display: flex; padding: 5rpx 0; align-items: center; } .van-checkbox-group--horizontal{ margin-top: 15rpx; } .van-checkbox__label{ margin-bottom: 10rpx!important; } .van-tab__pane{ flex:1; } .tabbox{ flex:1; width:100%; height:100%; } .van-tabs{ width:100%; } .van-tabs__line{ width: 40rpx!important; height: 8rpx!important; background: linear-gradient(90deg, #377FF7 0%, #51AAFF 100%); } .van-tabs__wrap{ padding-bottom: 10rpx; border-bottom: 1rpx solid #E3E4E5; } .basic{ background-color: #fff; position: relative; height:calc( 100vh - 172rpx - 100rpx); overflow-y: scroll; margin-bottom: 120rpx; -webkit-overflow-scrolling: touch; } .basic.active{ margin-bottom:0rpx; } .basic .row{ margin:0 32rpx; padding:32rpx 0; display: flex; border-bottom: 1rpx solid rgba(0,0,0,0.1); justify-content: space-between; } .basic .row:last-child{ border-bottom: none; } .basic .row .ipt{ text-align: right; } .placeholder{ font-size: 32rpx; font-weight: 400; color: rgba(0,0,0,0.25); } .basic .row .left{ display: flex; align-items: center; white-space: nowrap; } .basic .row .right{ display: flex; align-items: center; } .basic .row .left .red{ margin-top: 8rpx; margin-left: 6rpx; color: #FF4D4F; } .righticon{ margin-top: 4rpx; } .uploadbox{ margin-top: 24rpx; } .basic .tip{ line-height: 44rpx; margin:0 32rpx; padding:24rpx 0; font-size: 28rpx; font-weight: 400; color: rgba(0,0,0,0.45); } .recordcon{ background-color: #fff; padding-bottom: 28rpx; } .recordcon .tips{ margin:0 32rpx; display: flex; align-items: center; padding: 10rpx 0; } .recordcon .tips text{ color:orange; } .van-cell { padding:10px 0 !important; } .van-field__word-limit{ color: rgba(0,0,0,0.25)!important; } .record .title{ background: #F7F9F9; padding:0 32rpx; height: 92rpx; font-size: 32rpx; font-weight: 500; color: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: space-between; } .titlename{ display: flex; align-items: center; } .record .bar{ margin-right: 12rpx; width: 8rpx; height: 32rpx; background: linear-gradient(90deg, #377FF7 0%, #51AAFF 100%); border-radius: 4rpx; } .basic .record .row{ border-bottom: 1rpx solid rgba(0,0,0,0.1); } .row .time{ display: flex; align-items: center; font-size: 32rpx; font-weight: 400; color: rgba(0,0,0,0.85); } .addrecord{ width:100%; display:flex; align-items: center; font-size: 32rpx; text-align: center; color: #3881F7; justify-content: center; } .recordText{ margin-left: 10rpx; } .savebtn{ display: flex; justify-content: center; align-items: center; font-size: 32rpx; font-weight: 500; color: #FFFFFF; height: 88rpx; background: linear-gradient(90deg, #377FF7 0%, #51AAFF 100%); border-radius: 8rpx; } .bottom{ left:32rpx; right:32rpx; position: fixed; bottom:20rpx; } .record .left{ color: rgba(0,0,0,0.65); } .message{ height: 72rpx; display: flex; align-items: center; justify-content: center; background: #3881F7; font-size: 28rpx; padding:0 32rpx; font-weight: 400; color: #FFFFFF; } .rederror{ font-size: 28rpx; font-weight: 400; color: #FF4D4F; } /* .van-uploader__wrapper,.van-uploader__preview-image,.van-uploader__preview{ border-radius: 10rpx; overflow: hidden; } */ .basiccon,.ziliao{ background-color: #fff; } .ziliao{ display: block!important; } .ziliao.notshowArea{ display: none!important; } .van-tabs__nav{ width:800rpx; } .van-tab{ padding:0 30rpx!important; flex:none!important; font-size:30rpx!important } /* .van-ellipsis{ overflow: auto; } */ .van-tabs__scroll{ width:750rpx; overflow-x: scroll; } .van-tab--active{ font-weight: 500; color: rgba(0,0,0,0.85) } .table{ margin:24rpx 32rpx 0; overflow: hidden; border-radius: 10rpx; border: 1rpx solid rgba(0,0,0,0.15) } .table .row{ border-bottom-style: dashed; margin:0 24rpx; } .t_title{ display: flex; align-items: center; padding:0 24rpx; height: 80rpx; font-size: 32rpx; font-weight: 500; color: #3881F7; background: #EBF3FF; } .table .red{ margin-top: 8rpx; margin-left: 6rpx; color: #FF4D4F; } .btnbox{ position: fixed; bottom:0; z-index:9; height: 120rpx; left:32rpx; right:32rpx; } .btnbox .btn{ width:100%; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: 500; color: #FFFFFF; height: 88rpx; background: linear-gradient(90deg, #377FF7 0%, #51AAFF 100%); border-radius: 8rpx; } .van-tab--disabled{ color:#646566!important; } /* components/navBar.wxss */ .ui-navigatorbar { position: fixed; z-index:99; top: 0; width: 750rpx; height: 172rpx; background: #F2F2F2; backdrop-filter: blur(20px); border-bottom: none; } .ui-navigatorbar-back { position: absolute; padding-left:40rpx; padding-right:40rpx; left: 0rpx; font-size: 40rpx; bottom: 20rpx; } .ui-title { position: absolute; width: 350rpx; height: 88rpx; line-height: 56rpx; font-size: 36rpx; white-space: nowrap; color: #000000; bottom: 0; left: 200rpx; display: flex; justify-content: center; align-items: center; }.van-uploader__preview-delete, .van-uploader__preview-delete:after{ width: 18px!important; height: 18px!important; } .van-uploader__preview-delete-icon{ font-size:18px!important; width: 18px; height: 18px; } .van-picker-column__item--selected,.van-picker__confirm{ color: #3881F7!important; } .textArea{ margin-top: 20rpx; width:100%; max-height: 600rpx!important; min-height: 200rpx!important; font-size: 15px; box-sizing: border-box; padding-bottom: 30px; display: block!important; } .word{ position: absolute; bottom:32rpx; color: rgba(0,0,0,0.25); right:10rpx; } .unit{ position: relative; } .van-picker__cancel, .van-picker__confirm{ font-size: 15px!important; } .van-picker__column:nth-child(5){ display: none; } .recordtime{ font-weight: bold; } .van-radio__icon--disabled{ background-color: #fff!important; } .van-checkbox__icon--disabled{ background-color: #fff!important; } .van-radio__icon--disabled.van-radio__icon--checked{ color:#fff!important; background-color: #1989fa!important; border-color:#1989fa ; } .van-checkbox__icon--disabled.van-checkbox__icon--checked{ color:#fff!important; background-color: #1989fa!important; border-color:#1989fa ; } .van-radio__label--disabled{ color:#000!important; } .van-checkbox__label--disabled{ color:#000!important; } .basic .textArea{ border-radius:10px; padding:10px; box-sizing: border-box; border: 1rpx solid rgba(0,0,0,0.1); } .basic .desctitle{ margin-top: 15rpx; } .ziliao .textArea,.back .textArea{ padding-bottom: 30px; margin-bottom: 20rpx; } .record .textArea{ padding:10px; } .baijiesu .van-radio--horizontal{ margin-right:5px; } .baijiesu .van-radio__label{ padding-left:5px; } .ocrlist{ display: flex; max-height:1100rpx; flex-direction: column; } .ocrlist .titlebox{ display: flex; text-align: center; justify-content: space-between; padding: 30rpx 30rpx; border: 1rpx solid rgba(0,0,0,0.1); } .ocrlist .titlebox .cancel{ color:#999; } .ocrlist .titlebox .ok{ color:#1989fa } .ocrlist .ocrcontent{ padding:10rpx 32rpx; flex:1; overflow-y: scroll; } .ocrlist .ocrbox{ display: inline-flex; flex-wrap: wrap; } .ocrlist .btnBox{ margin-top: 12rpx; display: flex; align-items: center; } .ocrlist .ocrbox .tag{ padding:10rpx 10rpx; margin-right: 8rpx; margin-bottom: 10rpx; color:#999; border-radius: 10rpx; font-size: 26rpx; border:1px solid #999; word-break: break-all; display: flex; } .ocrlist .ocrbox .tag.active{ color:#1989fa; border:1px solid #1989fa; } .back .textArea{ min-height: 600rpx!important; max-height: 1200rpx!important; } .ql-editor.ql-blank:before { /* 此处设置 placeholder 样式 */ color: rgba(0,0,0,0.25); font-style: normal; }