| | |
| | | font-size: countSizeVh(16) !important; |
| | | |
| | | #app { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | |
| | | .wrapper { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | height: 100%; |
| | | |
| | | .main-header { |
| | | width: 100vw; |
| | |
| | | font-size: countSizeVh(18); |
| | | right: countSizeVw(10, 1920); |
| | | } |
| | | .el-dialog { |
| | | width: countSizeVw(320, 1920); |
| | | height: countSizeVh(200); |
| | | } |
| | | .el-dialog .el-dialog__body .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(40); |
| | | } |
| | | } |
| | | |
| | | |
| | | .el-dialog { |
| | | width: countSizeVw(320, 1920); |
| | | height: countSizeVh(200); |
| | | } |
| | | |
| | | .el-dialog .el-dialog__body .el-button { |
| | | width: countSizeVw(60, 1920); |
| | | height: countSizeVh(30); |
| | | margin-top: countSizeVh(40); |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .flexible-btn { |
| | |
| | | } |
| | | |
| | | #divFormsDomBox { |
| | | width: countSizeVw(280,1920); |
| | | width: countSizeVw(280, 1920); |
| | | height: countSizeVh(360); |
| | | |
| | | .title { |
| | | height: countSizeVh(40); |
| | | line-height: countSizeVh(42); |
| | | background-image: linear-gradient( |
| | | 135deg, |
| | | transparent countSizeVh(25), |
| | | #29baf1 countSizeVh(25) |
| | | ); |
| | | background-image: linear-gradient(135deg, |
| | | transparent countSizeVh(25), |
| | | #29baf1 countSizeVh(25)); |
| | | |
| | | .close { |
| | | right: countSizeVh(5); |
| | | top: countSizeVh(-2); |
| | | } |
| | | |
| | | .close::before { |
| | | font-size: countSizeVh(16); |
| | | } |
| | | } |
| | | |
| | | .item { |
| | | width: calc(100% - 20px); |
| | | height: countSizeVh(30); |
| | | line-height: countSizeVh(30); |
| | | margin: 0 countSizeVw(10,1920); |
| | | |
| | | & > div:first-child { |
| | | width: countSizeVw(100,1920); |
| | | margin-right: countSizeVw(20,1920); |
| | | margin: 0 countSizeVw(10, 1920); |
| | | |
| | | &>div:first-child { |
| | | width: countSizeVw(100, 1920); |
| | | margin-right: countSizeVw(20, 1920); |
| | | } |
| | | |
| | | & > div:nth-of-type(2) { |
| | | width: calc(100% - countSizeVw(120,1920)); |
| | | |
| | | &>div:nth-of-type(2) { |
| | | width: calc(100% - countSizeVw(120, 1920)); |
| | | } |
| | | } |
| | | |
| | | |
| | | .divForms .arrow { |
| | | width: countSizeVw(24,1920); |
| | | width: countSizeVw(24, 1920); |
| | | height: countSizeVh(2); |
| | | transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15)); |
| | | } |
| | | |
| | | |
| | | .divForms-theme .area { |
| | | background-image: linear-gradient( |
| | | 135deg, |
| | | transparent countSizeVw(30,1920), |
| | | #1831a79a countSizeVw(30,1920), |
| | | background-image: linear-gradient(135deg, |
| | | transparent countSizeVw(30, 1920), |
| | | #1831a79a countSizeVw(30, 1920), |
| | | #3f487ba6 50%, |
| | | transparent 50% |
| | | ), |
| | | linear-gradient( |
| | | -45deg, |
| | | transparent countSizeVw(30,1920), |
| | | #1831a79a countSizeVw(30,1920), |
| | | transparent 50%), |
| | | linear-gradient(-45deg, |
| | | transparent countSizeVw(30, 1920), |
| | | #1831a79a countSizeVw(30, 1920), |
| | | #3f487ba6 50.1%, |
| | | transparent 50% |
| | | ); |
| | | transparent 50%); |
| | | } |
| | | |
| | | |
| | | .divForms .area { |
| | | // min-width: countSizeVw(320,1920); |
| | | min-width: countSizeVw(260,1920); |
| | | min-width: countSizeVw(260, 1920); |
| | | } |
| | | |
| | | |
| | | .divForms-wrap { |
| | | padding: countSizeVh(30); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | .divForms-theme .b-b, |
| | | .divForms-theme .b-b-r, |
| | | .divForms-theme .b-l, |
| | |
| | | .divForms-theme .b-t-l { |
| | | box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7; |
| | | } |
| | | |
| | | |
| | | .divForms .b-t { |
| | | left: countSizeVh(84); |
| | | height: countSizeVh(1); |
| | | } |
| | | |
| | | |
| | | .divForms .b-r { |
| | | bottom: countSizeVh(84); |
| | | width: countSizeVh(1); |
| | | } |
| | | |
| | | |
| | | .divForms .b-l { |
| | | top: countSizeVh(84); |
| | | width: countSizeVh(1); |
| | | } |
| | | |
| | | |
| | | .divForms .b-b { |
| | | right: countSizeVh(84); |
| | | height: countSizeVh(1); |
| | | } |
| | | |
| | | |
| | | .divForms .b-b-r { |
| | | width: countSizeVw(1,1920); |
| | | width: countSizeVw(1, 1920); |
| | | height: countSizeVh(150); |
| | | transform: rotate(45deg) translate(-52px, 22px); |
| | | } |
| | | |
| | | |
| | | .divForms .b-t-l { |
| | | width: countSizeVw(1,1920); |
| | | width: countSizeVw(1, 1920); |
| | | height: countSizeVh(62); |
| | | transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920)); |
| | | transform: rotate(45deg) translate(countSizeVw(52, 1920), countSizeVw(-22, 1920)); |
| | | } |
| | | |
| | | |
| | | .divForms .label-wrap { |
| | | padding: 0 countSizeVw(12,1920); |
| | | padding: 0 countSizeVw(12, 1920); |
| | | font-size: countSizeVh(16); |
| | | } |
| | | |
| | | |
| | | .divForms-theme .title { |
| | | background-image: linear-gradient( |
| | | 135deg, |
| | | transparent countSizeVw(25,1920), |
| | | #1c309e9a countSizeVw(25,1920) |
| | | ); |
| | | background-image: linear-gradient(135deg, |
| | | transparent countSizeVw(25, 1920), |
| | | #1c309e9a countSizeVw(25, 1920)); |
| | | } |
| | | |
| | | |
| | | .divForms .title { |
| | | margin-top: countSizeVh(20); |
| | | padding: 0 countSizeVh(12) 0 countSizeVw(30,1920); |
| | | padding: 0 countSizeVh(12) 0 countSizeVw(30, 1920); |
| | | height: countSizeVh(36); |
| | | line-height: countSizeVh(36); |
| | | } |
| | | |
| | | |
| | | .divForms .label-content { |
| | | padding: countSizeVh(4) 0; |
| | | } |
| | | |
| | | |
| | | .divForms .title::before { |
| | | bottom: countSizeVh(-4); |
| | | height: countSizeVh(2); |
| | |
| | | } |
| | | |
| | | .el-date-range-picker.has-sidebar { |
| | | width: countSizeVw(756, 1920)!important; |
| | | width: countSizeVw(756, 1920) !important; |
| | | } |
| | | |
| | | .el-picker-panel .el-date-range-picker__header button { |
| | |
| | | font-size: countSizeVh(16) !important; |
| | | |
| | | #app { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | |
| | | .wrapper { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | height: 100%; |
| | | |
| | | .main-header { |
| | | width: 100vw; |