page { /* background-color: #0a2b57 !important; */ height: 100% !important; } uni-page-body { /* background-color: #0a2b57 !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; } uni-toast .uni-toast { width: auto; min-width: 8em; padding: 0 10px; } /** 内容 */ .contianer { width: 100%; height: 100%; background: url('./static/images/page_bg.jpg') center / cover no-repeat; } .content { padding: 1.07rem .4rem .4rem .4rem; } .content_wraper { padding: .37rem .4rem .4rem .4rem; background: url('./static/images/bg-task-r2.png') center / 100% 100% no-repeat; } .grid_wraper { height: 100%; overflow-y: auto; } .grid_wraper table { table-layout: fixed; min-width: 100%; border-collapse: separate; border-spacing: 0; border: 0 } .grid_wraper table th { box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; position: sticky; top: -1px; height: .81rem; font-size: .36rem; font-family: SourceHanSansCN-Bold; line-height: .81rem; color: #AFBED8; font-weight: bold; font-style: italic; z-index: 99; padding: 0 .25rem; background: left center / 1px 81px url('/static/images/th_bg.png') repeat-x; } .grid_wraper table th div { font-size: .36rem; font-family: 'SourceHanSansCN-Bold'; line-height: .81rem; color: #AFBED8; font-weight: bold; font-style: italic; } .grid_wraper table td { padding: .05rem .05rem .05rem .25rem; background: rgba(31,46,73,1); border-bottom: 2px solid rgba(122,159,224,0.17); text-align: left; font-size: .3rem; line-height:.3rem; height: .82rem; color: #fff; } .grid_wraper table .tr_selected td { background: rgba(63,106,202,0.3); } .grid_wraper table th:first-child { position: sticky; left: 0; z-index: 100; } .grid_wraper table th:last-child { position: sticky; right: 0; z-index: 100; } .grid_wraper table td:first-child { position: sticky; left: 0; z-index: 99; } .grid_wraper table td:last-child { position: sticky; right: 0; z-index: 99; } .grid_button { font-size: .3rem; line-height: .82rem; color: #3CC1FF; margin: 0 .1rem; padding: 0; background: transparent; border: 0; } .grid_button_disabled { color: #ff803c; } .dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; z-index: 2014; background-color: rgba(0,0,0,.6); transition: all .3s; } .popshow { transform: translateY(0); } .pophide { transform: translateY(100%); } .dialog { width: 50%; position: relative; margin: 0 auto 50px; background: linear-gradient(45deg, rgba(28,95,161,0.7), rgba(20,67,120,0.7)); border: 1px solid #6fc4e2; margin-top: 15vh; } .dialog__body { padding: 0.4rem; } .filter-item { margin-bottom: 0.6rem; } .filter-label { font-size: 0.3rem; line-height: 0.8rem; color: #fff; font-weight: normal; text-align: left; } .filter-input { font-size: 0.3rem; line-height: 0.8rem; height: 0.8rem; color: #fff; border: 1px solid #6fc4e2; padding: 0 .2rem; text-align: center; } .icon-plus { cursor: pointer; font-size: 0.5rem; line-height: 0.8rem; height: 0.8rem; color: #999; background-color: #fff; text-align: center; } .button_cancle { font-size: 0.3rem; line-height: 0.8rem; padding: 0 .3rem; border: 1px solid #DCDFE6; color: #606266; margin: 0 .4rem; } .button_primary { font-size: 0.3rem; line-height: 0.8rem; padding: 0 .3rem; background: #6fc4e2; color: #fff; margin: 0 .4rem; } .setup-wrap { width: 8.85rem; background: linear-gradient(45deg, rgba(28, 95, 161, 70%), rgba(20, 67, 120, 70%)); border: 1px solid #6fc4e2; padding: .49rem .48rem; } .button { width: 3.36rem; font-size: .48rem; line-height: .94rem; height: .94rem; color: #fff; background: transparent; border: 0; } .btn-primary { background: url('/static/images/btn_blue.png') center / 100% 100% no-repeat; } .uni-select { font-size: 0.3rem !important; height: 0.8rem !important; border-color: #3CC1FF !important; } .uni-select__input-box { height: 0.8rem !important; } .uni-select__input-placeholder { font-size: 0.3rem !important; } .filter-select .uniui-bottom, .filter-select .uniui-top { font-size: 0.3rem !important; } .filter-select .uniui-clear { font-size: 0.4rem !important; } .uni-select__selector { z-index: 200 !important; background-color: rgba(7,31,62,0.95) !important; border-color: #3CC1FF !important; } .uni-popper__arrow { border-bottom-color: #3CC1FF !important; } .uni-popper__arrow::after { border-bottom-color: #3CC1FF !important; } .uni-select__selector-item { font-size: 0.3rem !important; line-height: 0.8rem !important; color: #fff; } .uni-select__input-text { color: #fff !important; } uni-toast .uni-toast__content { font-size: .3rem; } uni-toast .uni-toast { padding: 0 .4rem; } uni-modal .uni-modal__bd { font-size: .3rem; } uni-modal .uni-modal__ft { font-size: .4em; line-height: .7rem; } .uni-numbox--text { font-size: .3rem !important; line-height: .8rem !important; margin-bottom: 0 !important; font-weight: 700 !important; } .uni-numbox--text span { font-size: .3rem !important; } .uni-numbox-btns { padding: 0 .28rem !important; } .uni-numbox__value { font-size: .3rem !important; height: .8rem !important; width: 2rem !important; }