/** 平板尺寸960*600 **/ page { background-color: #0a2b57 !important; min-height: 100% !important; height: 100% !important; } uni-page-body { background-color: #0a2b57 !important; min-height: 100% !important; height: 100% !important; } uni-button:after { border: none; } uni-button{ font-size: 16px; } uni-button[disabled]:not([type]), uni-button[disabled][type=default] { background-color: transparent; } .content{ width: 100%; min-height: 100%; background: top center / 100% auto url(./static/images/page_bg.jpg) repeat-y; /* background-color: #040d1e; */ } .footer{ width: 100%; height: 10px; } .search-confirm-wrap { width: calc(100% - 20px); margin: 10px auto 0 auto; border-radius: 6px; padding: 10px; background-color: rgba(1, 114, 195, 40%); border: 1px solid #00a3dd; box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px; } .search-label{ height: 35px; font-size: 16px; line-height: 35px; color: #323232; text-align: justify; text-align-last: justify; } .search-label::after { display: inline-block; content: ''; width: 100%; height: 0; visibility: hidden; } .filter_input_wraper { height: 35px; line-height: 35px; } .search-input{ width: calc(100% - 10px); height: 35px; line-height: 35px; font-size: 14px; color: #606266; border: 1px solid #dde9f7; background-color: #fff; border-radius: 4px; text-indent: 10px; } .search-input-l { width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #606266; border: 1px solid #d1d1d1; border-radius: 4px; text-indent: 10px; } .search-input-l .uni-input-input { padding-right: 10px; } .search-input-l .uni-input-input:disabled { background-color: #e1e1e1; } .confirm-button{ min-width: 80px; height: 30px; line-height: 30px; color: #fff; padding: 0; font-size: 13px; margin-left: 10px; margin-right: 0; white-space: nowrap; background: center / 100% 100% url(./static/images/button.png) no-repeat; } .confirm-button_cancle { background: center / 100% 100% url(./static/images/button_cancle.png) no-repeat; } .confirm-button_disabled { background: center / 100% 100% url(./static/images/button_disabled.png) no-repeat; } .table-title_wraper { width: calc(100% - 20px); margin: 0 auto; font-size: 16px; color: #fff; line-height: 28px; font-family: 'YouSheBiaoTiHei'; padding: 15px 0 0 15px; background: center / 100% 100% url(./static/images/bg-task-r1.png) no-repeat; } .grid-wrap{ width: calc(100% - 20px); min-height: calc(100vh - 145px); margin: 0 auto; padding: 10px 0; border: 1px solid #01c2f3; border-radius: 4px; background-color: rgba(1, 114, 195, 40%); box-shadow: inset 5px 5px 6px rgb(1 194 243 / 70%), inset -5px -5px 6px rgb(1 194 243 / 70%); } .zdrow-wrap { width: 100%; padding: 0 10px; /* height: calc(100% - 53px); */ /* overflow-y: scroll; */ /* margin-bottom: 9px; */ } .table-wrap { width: 100%; margin: 0 auto; padding: 15px 0 10px 0; overflow-y: auto; } .grid-table { min-width: 100%; border-spacing: 0; table-layout: fixed; border-collapse: separate; } .grid-table thead { position: sticky; top: 0; z-index: 6; } .grid-table th{ font-size: 12px; line-height: 20px; height: 30px; color: #fff; font-weight: 700; padding: 5px 10px; text-align: center; white-space: nowrap; background-color: #3F6ACA; border-bottom: 1px solid #9fd3ff; } .grid-table td{ font-size: 12px; line-height: 13px; height: 40px; color: #fff; padding: 5px 10px; text-align: center; background-color: rgba(63,106,202,0.3); border-bottom: 1px solid #9fd3ff; white-space: nowrap; } .grid-table th:first-child, .grid-table td:first-child { position: sticky; left: 0; z-index: 5; min-width: 46px; max-width: 46px; white-space: nowrap; } .grid-table td:first-child, .grid-table td:nth-child(2), .grid-table td:last-child { background-color: #2951ac; } .grid-table th:last-child, .grid-table td:last-child { position: sticky; right: 0; z-index: 5; box-shadow: inset 2px 0px 2px 0px rgba(19, 19, 19, 30%); } .grid-table th:nth-child(2), .grid-table td:nth-child(2) { position: sticky; left: 46px; z-index: 5; box-shadow: inset -2px 0px 2px 0px rgba(19, 19, 19, 30%); } .td_input { font-size: 12px; line-height: 28px; width: 80px; height: 28px; } .td_input .uni-input-input { font-size: 12px; line-height: 28px; width: 80px; padding: 0 10px; height: 28px; background-color: transparent; border: 1px solid #4980BD; border-radius: 6px; } .td_input .uni-input-input:focus { border: 1px solid #889dc7; box-shadow: 0 0 0 1px rgba(136, 157, 199,.2); } .td_input_1 { font-size: 12px; line-height: 28px; width: 80px; height: 28px; } .td_change { font-size: 12px; line-height: 26px; padding: 0 10px; background-color: transparent; border: 1px solid #4980BD; border-radius: 6px; } .td_change_focus { border: 1px solid #889dc7; box-shadow: 0 0 0 1px rgba(136, 157, 199,.2); } .td_scan_wraper { min-width: 120px; } .grid-data .uni-date-x--border { border-color: #4980BD !important; border-radius: 6px !important; } .grid-data .uni-date-x { border-radius: 6px !important; background-color: transparent !important; color: #fff !important; font-size: 12px !important; } .grid-data .uni-date__x-input { font-size: 12px !important; line-height: 28px !important; height: 28px !important; padding-right: 5px; } .zd-th-wraper{ width: 100%; /* background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; */ overflow: hidden; } .zd-sec-th-wraper { width: 100%; background-color: #3F6ACA; border-bottom: 1px solid #9fd3ff; } .zd-td-wraper{ width: 100%; overflow: hidden; } .zd-th { display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 15px; height: 30px; color: #e1e9f4; font-weight: 700; text-align: center; background: left center / 1px 100% url(./static/images/th_bg.png) repeat-x; } .zd-sec-th { display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 13px; height: 30px; color: #fff; /* background-color: #0F1521; */ font-weight: 700; /* padding: 0 5px; */ text-align: center; white-space: nowrap; } .zd-td { display: flex; justify-content: center; align-items: center; font-size: 12px; line-height: 13px; height: 49px; color: #fff; padding: 5px 2px; text-align: center; border-bottom: 1px solid #7A9FE0; word-break: break-all; overflow: hidden; } .zd-td text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 定义显示的行数 */ overflow: hidden; text-overflow: ellipsis; } .zd-sec-td { display: flex; justify-content: center; align-items: center; font-size: 12px; line-height: 13px; height: 49px; color: #fff; background-color: rgba(63,106,202,0.3); border-bottom: 1px solid #9fd3ff; padding: 5px 2px; text-align: center; word-break: break-all; overflow: hidden; } .zd-sec-td text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 定义显示的行数 */ overflow: hidden; text-overflow: ellipsis; } .zd-td-checked .zd-td { background-color: rgba(63,106,202,0.3); border-bottom: 0 } .zd-checkbox { width: 18px; height: 18px; background: center / 100% 100% url(./static/images/icon-check1.png) no-repeat; } .zd-checkbox_active { background: center / 100% 100% url(./static/images/icon-check2.png) no-repeat; } .fontcol1 { color: #58e9ff; font-weight: 700; } .fontcol2 { color: #000; } .fontbg1 { background-color: #007de7; color: #fff; font-size: 12px; padding: 2px 10px; border-radius: 10px; } .zd-sec-wraper { width: 100%; background-color: rgba(63,106,202,0.3); padding: 15px 0px 0px 0px; border-bottom: 1px solid #7A9FE0; transition: height 0.5s ease; } .status-wrap { width: 100%; height: 35px; display: flex; align-items: center; margin-bottom: 15px; } .status-item { display: flex; align-items: center; margin-left: 10px; } .status-icon { width: 20px; height: 20px; border-radius: 4px; margin-right: 10px; } .status-txt { font-size: 16px; line-height: 35px; color: #323232; } .bg-gray { background-color: #c9c9c9; } .bg-green { background-color: #6CBE8B; } .bg-yellow { background-color: #E9B451; } .bg-red { background-color: #ff6a00; } .bg-none { display: none; } .material-wrap { width: calc(100% - 30px); height: calc(100% - 152px);/** 42+15*5+35 */ margin: 15px auto; padding: 15px 15px 0 15px; background-color: #fff; border-radius: 12px; } .material-item-wrap { width: 100%; height: calc(100% - 50px); display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; overflow-y: auto; } .material-item { position: relative; z-index: 1; width: 9.1%; margin-right: 1%; margin-bottom: 15px; padding: 15px 5px 5px 5px; border-radius: 6px; } .material-item:nth-child(10n) { margin-right: 0; } .material-title { font-size: 15px; line-height: 24px; height: 24px; text-align: center; color: #fff; word-break: break-all; overflow: hidden; } .material-spec { font-size: 15px; line-height: 18px; height: 36px; text-align: center; color: #fff; word-break: break-all; margin-top: 5px; overflow: hidden; } .badge__content { position: absolute; top: -5px; left: 0; z-index: 2; background-color: #6798ef; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .icon_unchecked { color: #fff; width: 24px; height: 24px; background-color: #fff; font-size: 20px; line-height: 24px; text-align: center; border: 1px solid #bbb; } .icon_checked { color: #ff6a00; border: 1px solid #ff6a00; } .bgr{ border-color: #ff6a00; } .modal{ position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 100; } .pop-wraper { position: fixed; top: 50%; left: 10%; width: 80%; padding: 1% 2%; background: center / 100% 100% url(./static/images/pop_bg.png) no-repeat; z-index: 102; transition: all .5s; } .kwcode_wraper { height: calc(100% - 85px); margin: 60px auto; } .pop-title { font-size: 18px; color: #fff; font-family: 'YouSheBiaoTiHei'; line-height: 35px; padding-left: 20px; } .pop-grid-wraper { width: calc(100% - 30px); height: calc(80vh - 105px); margin: 0 auto 20px auto; padding: 0 6px; overflow-y: scroll; } .zd-pop-th-wraper { background-color: #031328; } .zd-pop-td { background-color: RGBA(23, 123, 172, 0.4); border-bottom: 1px solid #177BAC; } .popChecked .zd-pop-td { background-color: RGBA(23, 123, 172, 1); } .pop-input { width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #fff; border: 1px solid #21D0F2; border-radius: 12px } /** 日历 */ .uni-calendar__header { height: 40px !important; } .uni-calendar-item__weeks-box-item { width: 40px !important; height: 40px !important; } .uni-select__selector-empty { color: #fff } .uni-select__selector-item:hover { background-color: #3F6ACA !important; }