style changes

shuishen

2022-12-29 edcbebfe78d27e060439074d87aa16d0072c9db0

style changes

 src/App.vue

@@ -2,14 +2,14 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-28 08:56:50
 * @LastEditTime: 2022-12-28 16:34:58
 * @FilePath: \srs-police-affairs\src\App.vue
 * @Description: app.vue
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
-->
<template>
    <div id="app">
    <div id="app" :style="{ width: currentWidth, height: currentHeight }">
        <router-view></router-view>
    </div>
</template>

 src/styles/media/index.scss

@@ -5,12 +5,10 @@
        font-size: countSizeVh(16) !important;

        #app {
            width: 100vw;
            height: 100vh;

            .wrapper {
                width: 100vw;
                height: 100vh;
                height: 100%;

                .main-header {
                    width: 100vw;
@@ -1934,16 +1932,19 @@
                            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);
                        }
                    }

                    //   #divFormsDomBox {
                    //     width: countSizeVw(280,1920);
                    //     height: countSizeVh(360);
@@ -1968,23 +1969,23 @@
                    //         height: countSizeVh(30);
                    //         line-height: countSizeVh(30);
                    //         margin: 0 10px;
                    

                    //         & > div:first-child {
                    //             width: 100px;
                    //             margin-right: 20px;
                    //         }
                    

                    //         & > div:nth-of-type(2) {
                    //             width: calc(100% - 120px);
                    //         }
                    //     }
             

                    //     .divForms .arrow {
                    //         width: 45px;
                    //         height: countSizeVh(2);
                    //         transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15));
                    //     }
                    

                    //     .divForms-theme .area {
                    //         background-image: linear-gradient(
                    //                 135deg,
@@ -2001,15 +2002,15 @@
                    //                 transparent 50%
                    //             );
                    //     }
                    

                    //     .divForms .area {
                    //         min-width: 320px;
                    //     }
                    

                    //     .divForms-wrap {
                    //         padding: countSizeVh(30);
                    //     }
                    

                    //     .divForms-theme .b-b,
                    //     .divForms-theme .b-b-r,
                    //     .divForms-theme .b-l,
@@ -2018,44 +2019,44 @@
                    //     .divForms-theme .b-t-l {
                    //         box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7;
                    //     }
                    

                    //     .divForms .b-t {
                    //         left: countSizeVh(44);
                    //         height: countSizeVh(1);
                    //     }
                    

                    //     .divForms .b-r {
                    //         bottom: countSizeVh(44);
                    //         width: countSizeVh(1);
                    //     }
                    

                    //     .divForms .b-l {
                    //         top: countSizeVh(44);
                    //         width: countSizeVh(1);
                    //     }
                    

                    //     .divForms .b-b {
                    //         right: countSizeVh(44);
                    //         height: countSizeVh(1);
                    //     }
                    

                    //     .divForms .b-b-r {
                    //         width: countSizeVw(1,1920);
                    //         height: countSizeVh(62);
                    //         transform: rotate(45deg) translate(-52px, 22px);
                    //     }
                    

                    //     .divForms .b-t-l {
                    //         width: countSizeVw(1,1920);
                    //         height: countSizeVh(62);
                    //         transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920));
                    //     }
                    

                    //     .divForms .label-wrap {
                    //         padding: 0 countSizeVw(12,1920);
                    //         font-size: countSizeVh(16);
                    //     }
                    

                    //     .divForms-theme .title {
                    //         background-image: linear-gradient(
                    //             135deg,
@@ -2063,18 +2064,18 @@
                    //             #1c309e9a countSizeVw(25,1920)
                    //         );
                    //     }
                    

                    //     .divForms .title {
                    //         margin-top: countSizeVh(20);
                    //         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: -4px;
                    //         height: countSizeVh(2);
@@ -2287,7 +2288,7 @@
        }

        .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 {
@@ -2377,12 +2378,10 @@
        font-size: countSizeVh(16) !important;

        #app {
            width: 100vw;
            height: 100vh;

            .wrapper {
                width: 100vw;
                height: 100vh;
                height: 100%;

                .main-header {
                    width: 100vw;