首页样式调整

guanqb

2022-12-21 1ce185ff9843d503e2eefb4599fe8b6f5519b4a7

首页样式调整

 src/styles/media/index.scss

@@ -91,7 +91,108 @@
                                    height: countSizeVh(58);
                                    line-height: countSizeVh(58);
                                    font-size: countSizeVh(16);

                                    .title-num{
                                       font-size: countSizeVh(16);
                                    }

                                    .timer{
                                        width: countSizeVw(250, 1920);
                                        height: countSizeVh(30);

                                        .el-range-editor.el-input__inner{
                                            width: 100%!important;
                                            height: countSizeVh(32);
                                        }

                                        .el-range-editor .el-range-input{
                                            font-size: countSizeVh(14);
                                            height: countSizeVh(32);
                                            line-height: countSizeVh(32);
                                        }

                                        .el-icon-date:before{
                                            font-size: countSizeVh(14);
                                        }

                                        .el-date-editor .el-range__icon{
                                           line-height: countSizeVh(32);
                                           height: countSizeVh(32);
                                           margin-left: countSizeVw(4, 1920);
                                        }

                                        .el-date-editor .el-range-separator{
                                           height: countSizeVh(32);
                                           line-height: countSizeVh(32);
                                           font-size: countSizeVh(14);
                                        }

                                        .el-select {
                                            height: countSizeVh(32);
                                        }
                                        .el-input--suffix .el-input__inner{
                                            height: countSizeVh(32);
                                            font-size: countSizeVh(14);
                                            padding-left: countSizeVw(10, 1920);
                                        }
                                        .el-select .el-input .el-select__caret{
                                            font-size: countSizeVh(14);
                                            line-height: countSizeVh(32);
                                        }
                                    }

                                    .legend {
                                        width: calc(100% - countSizeVw(36, 1920));
                                        ul {
                                            li {
                                                margin-right: countSizeVw(10, 1920);
                                                div {
                                                    width: countSizeVw(20, 1920);
                                                    border-radius: countSizeVh(4);
                                                    margin-top: countSizeVh(5);
                                                    margin-right: countSizeVw(2, 1920);
                                                }
                                            }
                                        }
                                    }
                                }
                                .table-box{
                                    .el-checkbox__inner {
                                        width: countSizeVh(20);
                                        height: countSizeVh(20);
                                    }
            
                                    .el-checkbox__label {
                                        font-size: countSizeVh(16) !important;
                                    }
                                    .el-table__header-wrapper {
                                        height: countSizeVh(48);
            
                                        .el-table__header {
                                            height: 100%;
                                        }
                                    }
                                    .el-table .el-table__cell {
                                        padding: 0;
                                    }
            
                                    .el-table th.el-table__cell {
                                        height: 100%;
                                    }
            
                                    .el-table .cell {
                                        line-height: countSizeVh(48);
                                        font-size: countSizeVh(16);
                                    }
            
                                    .el-table th.el-table__cell>.cell {
                                        height: 100%;
                                    }
                                    .el-table__empty-text {
                                        font-size: countSizeVh(16);
                                    }
                                }
                                

                                .sub-title {
                                    line-height: countSizeVh(36);
@@ -100,7 +201,7 @@
                                .sub-tab {
                                    padding: countSizeVh(10);

                                    .tab {
                                    .tab,.tab3 {

                                        &>div {
                                            height: countSizeVh(22);
@@ -130,10 +231,71 @@
                            left: countSizeVw(400, 1920);
                            width: calc(100% - countSizeVw(400, 1920) * 2);
                            height: countSizeVh(320);

                            .header {
                                height: countSizeVh(56);
                        
                                .bottom-title {
                                    left: countSizeVw(18, 1920);
                                    height: countSizeVh(56);
                                    line-height: countSizeVh(56);
                                    font-size: countSizeVh(16);
                                    letter-spacing: countSizeVw(2, 1920);
                                }
                        
                                .timeTab {
                                    top: countSizeVh(22);
                                    right: countSizeVw(12, 1920);
                                    border-radius: countSizeVh(6);
                        
                                    span {
                                        padding: 0 countSizeVw(10, 1920);
                                        height: countSizeVh(26);
                                        line-height: countSizeVh(26);
                                    }
                                }
                        
                                .history-tab {
                                    top: countSizeVh(22);
                                    right: countSizeVw(96, 1920);
                                    border-radius: countSizeVh(6);
                        
                                    span {
                                        padding: 0 countSizeVw(10, 1920);
                                        height: countSizeVh(26);
                                        line-height: countSizeVh(26);
                                    }
                                }
                            }
                        
                            .body {
                                margin: countSizeVh(12);
                                margin-top: countSizeVh(10);
                                margin-bottom: countSizeVh(14);
                                width: calc(100% - countSizeVw(24, 1920));
                                height: calc(100% - countSizeVh(80));

                                .warp {
                                    height: calc(100% - countSizeVh(44));
                                }
                        
                                ul {
                                    li {
                                        height: countSizeVh(44);
                                        line-height: countSizeVh(44);
                                    }
                                }
                            }
                        }

                        .region-select {
                            top: countSizeVh(20);
                            width: countSizeVw(640, 1920);;
                            height: countSizeVh(36);

                            .selects-container .selects-box .text{
                                font-size:countSizeVh(15);
                            }
                        }

                        .center-container {
@@ -142,18 +304,25 @@
                            .layers-control-btn {
                                width: countSizeVw(96, 1920);
                                height: countSizeVh(40);
                                border-radius: countSizeVh(20)
                                border-radius: countSizeVh(20);

                                .el-checkbox .el-checkbox__label {
                                    font-size:countSizeVh(16);
                                }
                                .el-checkbox .el-checkbox__inner{
                                    width: countSizeVh(20);
                                    height: countSizeVh(20);

                                }
                                .el-checkbox .el-checkbox__inner::after{
                                    height: countSizeVh(12);
                                    left: countSizeVw(7, 1920);
                                }
                            }
                        }

                        .el-checkbox__inner {
                            width: countSizeVh(20);
                            height: countSizeVh(20);
                        }

                        .el-checkbox__label {
                            font-size: countSizeVh(16) !important;
                        }
                       
                        
                    }

                    .house-page {
@@ -703,7 +872,6 @@

                                    .el-table__header {
                                        height: 100%;

                                    }
                                }
                                .el-table .el-table__cell {
@@ -1463,6 +1631,16 @@
        .el-date-table tr{
            height: countSizeVh(22);
        }
        .el-picker-panel__sidebar{
            width: countSizeVw(110, 1920);
        }
        .el-picker-panel__shortcut{
            font-size: countSizeVh(14);
            height: countSizeVh(32);
        }
        .el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body{
            margin-left: countSizeVw(110, 1920);
        }
    }

}