@import './mixin.styl'; page { background-color: #f2f5fa !important; min-height: 100% !important; height: 100% !important; } uni-page-body { min-height: 100% !important; height: 100% !important; } uni-button:after { border: none; } /** 内容 */ .zd_container { width: 100%; height: 100%; } .zd_content { position: relative; top: calc(var(--status-bar-height) + 72rpx); width: 100%; height: auto; padding: 20rpx 14rpx 140rpx 14rpx; } .zd_content_1 { top: calc(var(--status-bar-height) + 136rpx); } .zd_wrapper { width: 100%; height: auto; background-color: #fff; border-radius: 10rpx; padding: 22rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .filter_wrapper { position relative left -14rpx width: calc(100% + 28rpx); height: auto; background-color: #fff; padding: 22rpx 22rpx 0 22rpx; margin-bottom: 20rpx; } .filter_label { display: block; line-height: 70rpx; font-size: 28rpx; color: #323232; font-weight: bold; letter-spacing: 4rpx; padding-left: 10rpx; white-space: nowrap; /* text-align:justify; text-align-last: justify; text-justify: inter-ideograph; */ } /** 筛选选择器样式 */ .filter_picker .uni-input { width: 100%; line-height: 70rpx; height: 70rpx; font-size: 28rpx; color: #606266; } /** 筛选下拉框带搜索过滤功能样式 */ .filter_select .uni-select { line-height: 70rpx !important; height: 70rpx !important; font-size: 28rpx !important; color: #606266; padding: 0 !important; border: 0 !important; } .filter_select { .uniui-bottom, .uniui-top, .uniui-clear { font-size: 40rpx !important; } .uni-select__selector-empty, .uni-select__selector-item { line-height: 60rpx !important; } } .filter_input { width: 100%; height: 70rpx; line-height: 28rpx; border: 0; background-color: transparent; font-size: 28rpx; color: #606266; white-space: pre-wrap; overflow-wrap: break-word; } .filter_picker { line-height: 70rpx; font-size: 28rpx; color: #606266; } .filter_input_disabled { background-color: #eee; } .filter_input_wraper { /* flex: 1; */ width: calc(100% - 170rpx); height: 70rpx; padding: 5rpx 0; margin-left: 30rpx; display: flex; justify-content: flex-start; align-items: center; } .filter_unit { font-size: 28rpx; color: #ff6a00; font-weight: bold; } .tab-line { _wh(32rpx, 10rpx) background-color #fff border-radius 10rpx margin 20rpx auto 0 } .tab-line_active { background-color #4e6ef2 } .font-style-1 { _font(32rpx, 32rpx, #c1c1c3,,center) } .font-style-2 { _font(32rpx, 32rpx, #000,bold,center) } .grid-wraper { width: 100%; padding: 10rpx; } .slide_new { width: 100%; height: 100%; overflow-y: auto; } .slide_new table { table-layout: fixed; min-width: 100%; border-collapse: separate; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 10rpx; padding-bottom: 8rpx; background-color: #f5f5f5; } .slide_new table th { position: sticky; top: 0; left: 0; z-index: 120; font-size: 26rpx; line-height: 68rpx; color: #696969; font-weight: bold; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; background: #d7d7d7; } .slide_new table th:first-child{ left: 0; z-index: 121; color: #4e6ef2; font-weight: bold; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table th.th_2 { left: 86rpx; z-index: 122; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table td { font-size: 28rpx; line-height: 68rpx; color: #323232; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; padding: 0 20rpx; background: #fff; } .slide_new table td:first-child{ position: sticky; left: 0; z-index: 100; color: #4e6ef2; font-weight: bold; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table td.td_2 { position: sticky; left: 86rpx; z-index: 101; box-shadow: 3px 0px 3px 0px rgba(160,160,160,0.20); } .slide_new table th .td_3, .slide_new table td.td_3 { width: 100px; line-height: 28rpx; white-space: unset; } .slide_new table th.fontcol1,.slide_new table td.fontcol1 { color: #4e6ef2; font-weight: bold; } .slide_new table th.fontcol2,.slide_new table td.fontcol2 { color: #d7592f; font-weight: bold; } .slide_new table tr.checked { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td { background-color: transparent; color: #fff; } .slide_new table tr.checked td:first-child { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td:nth-child(2) { // background-image: linear-gradient(to top,#c2cde3,#f6f7fb); background-color: #6190e8; } .slide_new table tr.checked td:first-child { border-left: 1rpx solid #6798ef; } .slide_new table tr.checked td:last-child { border-right: 1rpx solid #6798ef; } .item-wrapper { width: 100%; height: auto; } .item-wrap { background-color: #fff; border-radius: 24rpx; padding: 22rpx 14rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .item-font-1 _font(30rpx,52rpx,#000,,) .item-font-2 _font(26rpx,52rpx,$red,,) .item-font-3 _font(26rpx,38rpx,#333,,) text-align:justify; text-align-last: justify; text-justify: inter-ideograph; .item-font-4 _font(26rpx,38rpx,#999,,) .item-font-5 _font(44rpx,60rpx,$green,,center) background-color #f6f6f6 .item-font-6 height 52rpx _font(26rpx,52rpx,#666,,center) background-color #e5e5e5 border-radius 10rpx .item-font-7 _font(24rpx,52rpx,#666,,center) .item-font-8 _font(24rpx,52rpx,#666,,center) .isChecked box-shadow inset 2px 2px 4px 0px rgba(120, 141, 250, 0.7), inset -2px -2px 4px 0px rgba(120, 141, 250, 0.7) /** 提交栏 **/ .submit-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; background-color: #fff; padding: 14rpx; box-shadow: 0 0 20rpx 0 rgba(160,160,160,0.7); } .button-default { display: grid; place-items: center; /* 垂直和水平居中 */ font-size: 34rpx; line-height: 34rpx; height: 68rpx; color: #ff6a00; text-align: center; letter-spacing: 4rpx; padding: 0; background-color: #fff; border: 2rpx solid #ff6a00; border-radius: 10rpx; } .button-primary { display: grid; place-items: center; /* 垂直和水平居中 */ font-size: 34rpx; line-height: 34rpx; height: 68rpx; color: #fff; text-align: center; letter-spacing: 4rpx; padding: 0; background-color: #ff6a00; border: 2rpx solid #ff6a00; border-radius: 10rpx; } .button-info, .submit-button[disabled] { background-color: #c9c9c9; border: 2rpx solid #c9c9c9; color: #fff; } uni-button[disabled]:not([type]), uni-button[disabled][type=default] { border: 2rpx solid #c9c9c9; } .submit-more { width: 20%; font-size: 34rpx; line-height: 34rpx; padding: 27rpx 10rpx; color: #000; text-align: center; background-color: #fff } .more_btns_wraper { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 201; padding: 0 20rpx 20rpx; transition: all .3s; } .more-button { font-size: 34rpx; line-height: 68rpx; color: #ff6a00; text-align: center; border-radius: 0; background-color: transparent; } .more_btns_items .btn-disabled, .more_btns_items .submit-button_new[disabled] { color: #c9c9c9; border: none; } .more-button:last-child { border-bottom: none; } .more_btns_cancle { margin-top: 20rpx; width: 100%; font-size: 34rpx; line-height: 68rpx; color: #000; text-align: center; background-color: #fff; border-radius: 20rpx; } .more_btns_items{ width: 100%; border-radius: 20rpx; background-color: #fff; } /** 下拉框 */ .uni-select__selector { z-index: 300 !important; } /** 弹窗 */ .popshow { transform: translateY(0); } .pophide { transform: translateY(100%); } .msg_wrapper { position: fixed; top: auto; bottom: 0; left: 0; width: 100%; // height: calc(100% - var(--status-bar-height) - 72rpx); height auto; min-height 30%; max-height: calc(100% - var(--status-bar-height) - 72rpx); background-color: #f6f6f6; box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1); border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; z-index: 301; transition: all .3s; } .pop-line { width: 10%; height: 8rpx; margin: 0 auto 14rpx auto; background-color: #d4d4d4; border-radius: 8rpx; } .msg_content { width: 100%; height: 100%; overflow-y: scroll; } .msg_box { width: 100%; } .msg_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; background: #000; z-index: 300; } .msg_btns { width: 100%; margin: 40rpx auto 0; } .msg_btn { font-size: 34rpx; line-height: 78rpx; color: #fff; background-color: #ff6a00; border: 1rpx solid #ff6a00; border-radius: 44rpx; box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); } .msg_btn_cancle { background-color: #fff; border: 1rpx solid #ff6a00; font-size: 34rpx; line-height: 78rpx; border-radius: 44rpx; color: #000; box-shadow: 0 8rpx 18rpx 0 rgba(0,0,0,.2); } .msg_btn:disabled { background-color: #c9c9c9; } .uni-select__input-placeholder,.uni-select__selector-empty, .uni-select__selector-item { font-size: 28rpx !important } .sin_input { width: 150rpx; font-size: 28rpx; line-height: 150rpx; height: 68rpx; color: #323232; padding: 0 .1rem; border: 1px solid #a1a1a1; border-radius: 3px; } .layout-t tr.checked td .sin_input { color: #8a8a8a; border: 1px solid #ffffff; } .flow_wrapper { width: 100%; background-color: #fff; border-radius: 24rpx; padding: 22rpx 20rpx; margin-bottom: 20rpx; box-shadow: 0 4rpx 10rpx 2rpx rgba(0,0,0,.1); } .font-size-1 { font-size: 30rpx; line-height: 30rpx; color: #ff6a00; word-break: break-all; } .font-size-2 { font-size: 30rpx; line-height: 54rpx; color: #000; } .flow_start_item { position: relative; background-color: #f3f3f3; border: 1rpx solid #f3f3f3; border-radius: 10rpx; } .flow_start_item_checked { position: relative; background-color: #fff; border: 1rpx solid #ff6a00; } .flow_icon_item_1 { width: 46rpx; height: 56rpx; } .flow_icon_item_2 { width: 46rpx; height: 26rpx; } // 日历 .uni-calendar__mask, .uni-calendar--fixed { z-index: 300 !important } .uni-date-x--border { border-width: 0 !important } .uni-date-x { background-color: transparent !important } // 下拉框 .uni-select--disabled { background-color: #eee !important } // 标签页 .tab-item-wraper { position: fixed; top: calc(var(--status-bar-height) + 72rpx); z-index 200 background-color: $red box-shadow: 0 6rpx 10rpx 0 rgba(255, 106, 0, .25) } .tab-item { position relative font-size: 28rpx line-height: 60rpx color: #fbd5d5 text-align: center margin: 0 30rpx 0 30rpx } .tab-item_active { color: #fff font-weight 700 } .tab-item_active::after { position absolute bottom 0 left 15% content '' width 70% height 4rpx background-color #fff } .del-icon { right 32px } .mini-btn { margin-left:0; margin-right: 0; font-size: 30rpx; padding-left: 20rpx; padding-right: 20rpx; line-height: 50rpx; } .ftsize1 { font-size 20rpx background #fff border-color #ff6a00 color #ff6a00 margin: 14rpx 0 }