弹窗样式

guanqb

2022-12-26 0da60c28352323a46fc6dbbbf98f4f676a392213

弹窗样式

 src/styles/media/index.scss

@@ -1547,6 +1547,15 @@
                            font-size: countSizeVh(16);
                        }
                          
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }

                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }

                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
@@ -1572,6 +1581,278 @@
                            font-size: countSizeVh(16);
                        }
                     }
                     .resident-details-box {
                        .el-dialog {
                         width: countSizeVw(320, 1920);
                        }
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }

                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                     }
                      .panorama-details-box{
                        .el-dialog {
                           width: countSizeVw(960, 1920);
                           height: countSizeVh(600);
                        }
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                      } 
                      .phone-details-box{
                        .el-dialog {
                            width: countSizeVw(720, 1920);
                            height: countSizeVh(400);
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }
                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .area-details-box{
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                            width: countSizeVw(700, 1920);
                            height: countSizeVh(400);
                        }
                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }    
                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {
                            width: countSizeVw(100, 1920);
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      } 
                      .equiment-details-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                           width: countSizeVw(1000, 1920);
                           height: countSizeVh(600);
                      }
                      }
                      .land-details-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                           width: countSizeVw(630, 1920);
                           height: countSizeVh(300);
                      }
                      }
                      .keyPerson-details-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                           width: countSizeVw(1000, 1920);
                           height: countSizeVh(700);
                      }
                      }
                      .policeSituation-details-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                           width: countSizeVw(800, 1920);
                           height: countSizeVh(500);
                        }
                        .el-dialog .el-dialog__header {
                           height: countSizeVh(56);
                           line-height: countSizeVh(56);
                        }
                        .el-dialog .el-dialog__body .item {
                           width: calc(50% - countSizeVw(20, 1920));
                           height: countSizeVh(36);
                           line-height: countSizeVh(36);
                           margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {
                           width: countSizeVw(100, 1920);
                           margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
                           width: calc(100% - countSizeVw(120, 1920));
                        }
                        .el-dialog .el-dialog__body .dialog-content {
                           height: countSizeVh(36);
                           line-height: countSizeVh(36);
                           margin-left: countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .dialog-content > div:first-child {
                           width: countSizeVw(100, 1920);
                           margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .dialog-content > div:nth-of-type(2) {
                           width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .activity-details-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                            width: countSizeVw(640, 1920);
                            height: countSizeVh(400);
                        }
                        .el-dialog .el-dialog__header {
                            height: countSizeVh(56);
                            line-height: countSizeVh(56);
                        }
                        .el-dialog .el-dialog__body .item {
                            width: calc(50% - countSizeVw(20, 1920));
                            height: countSizeVh(36);
                            line-height: countSizeVh(36);
                            margin: 0 countSizeVw(10, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:first-child {
                            margin-right: countSizeVw(20, 1920);
                        }
                        .el-dialog .el-dialog__body .item > div:nth-of-type(2) {
                            width: calc(100% - countSizeVw(120, 1920));
                        }
                      }
                      .video-draw-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            font-size: countSizeVh(18);
                            right:  countSizeVw(10, 1920);
                        }
                        .el-dialog {
                            width: countSizeVw(320, 1920);
                            height: countSizeVh(180);
                        }
                        .el-dialog .el-dialog__body input {
                            height: countSizeVh(30);
                            font-size: countSizeVh(16);
                            border: countSizeVh(1) solid #005ca9;
                        }
                        .el-dialog .el-dialog__body button {
                            width: countSizeVw(60, 1920);
                            height: countSizeVh(30);
                            border-radius: countSizeVh(4);
                            margin-top: countSizeVh(10);
                        }
                      }
                      .choose-police-box {
                        .el-dialog__header span{
                            font-size: countSizeVh(18);
                        }
                        .el-dialog .el-dialog__body{
                            font-size: countSizeVh(16);
                        }
                        .el-dialog__header button{
                            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);
                          }
                      }
                }

                .flexible-btn {