修改全局样式

src/common/scss/globe.scss

@@ -1,4 +1,5 @@
 @import 'cover';
+
 // 取消拖动时的选中
 div {
     -moz-user-select: none;
@@ -25,6 +26,7 @@ div {
     transition: border .25s linear, color .25s linear, background-color .25s linear;
     -webkit-font-smoothing: subpixel-antialiased;
     -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
+
     &:hover {
         background: rgba(38, 38, 38, 0.9);
         color: #fff;
@@ -47,20 +49,25 @@ div {
     background: url(/static/images/ghzc/内容框.png) no-repeat;
     background-size: 100% 100%;
     background-position: center;
+    padding: 0px 10px;
+
     //overflow: hidden;
     @media (max-width: 750px) {
         margin-top: 2px;
         margin-left: 2px;
         max-width: 280px;
     }
+
     @media (max-height: 480px) {
         margin-top: 2px;
         margin-left: 2px;
         max-height: 440px;
     }
+
     @media (max-height: 300px) {
         max-height: 290px;
     }
+
     @media (max-height: 250px) {
         max-height: 240px;
     }
@@ -78,14 +85,17 @@ div {
     display: flex;
     justify-content: center;
     align-items: center;
+
     @media (max-width: 750px) {
         width: 35px;
         height: 35px;
     }
+
     @media (max-height: 480px) {
         width: 35px;
         height: 35px;
     }
+
     @media (max-height: 300px) {
         width: 30px;
         height: 30px;
@@ -111,18 +121,20 @@ div {
 .closeBtn {
     // float: right;
     position: absolute;
-    top: 0;
-    right: 0;
+    top: 6px;
+    right: 10px;
     color: #ffffff;
     border: none;
     font-size: 20px;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    background-color: rgba(34, 67, 70, 0.75);
+    width: 22px;
+    height: 22px;
+    background: #335F87;
+    border-radius: 4px;
+    border: 1px solid rgba(123, 162, 198, 0.5);
     padding: 0px;
     // display: inline-block;
     text-align: center;
+    line-height: 19px;
 }
 
 .closeBtn:hover {
@@ -130,28 +142,34 @@ div {
 }
 
 .sm-panel-header {
-    // height: 40px;
-    line-height: 40px;
+    height: 36px;
+    line-height: 36px;
     padding-left: 15px;
-    font-size: 15px;
     border-bottom: 1px solid rgba(38, 38, 38, 0.6);
-    background: url(/static/images/overview/titlebox.gif) no-repeat;
+    background: url(/static/images/ghzc//second_titlebg.png) no-repeat;
     background-size: 100% 100%;
     background-position: center;
     text-align: left;
-    padding-left: 38px;
+    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
+    font-weight: bold;
+    font-size: 16px;
+    color: #FFFFFF;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+
     @media (max-width: 750px) {
         // height: 35px;
         line-height: 35px;
         padding-left: 10px;
         font-size: 13px;
     }
+
     @media (max-height: 480px) {
         // height: 35px;
         line-height: 35px;
         padding-left: 5px;
         font-size: 13px;
     }
+
     @media (max-height: 300px) {
         // height: 30px;
         line-height: 30px;
@@ -169,28 +187,33 @@ div {
     scrollbar-width: none;
     /* firefox */
     -ms-overflow-style: none;
+
     /* IE 10+ */
     @media (max-width: 1000px) {
         margin: 0.8rem 0;
         padding: 0 15px;
     }
+
     @media (max-width: 750px) {
         margin: 0.5rem 0;
         padding: 0 10px;
         max-height: 410px;
     }
+
     @media (max-height: 480px) {
         margin: 0.5rem 0;
         padding: 0 15px;
         max-height: 420px;
         max-width: 280px;
     }
+
     @media (max-height: 300px) {
         margin: 0.5rem 0;
         padding: 0 10px;
         max-height: 280px;
         max-width: 250px;
     }
+
     @media (max-height: 250px) {
         max-height: 240px;
     }
@@ -204,12 +227,15 @@ div {
 .sm-function-module-sub-section {
     margin-bottom: 18px;
     overflow: hidden;
+
     @media (max-width: 1000px) {
         margin-bottom: 1px;
     }
+
     @media (max-height: 480px) {
         margin-bottom: 1px;
     }
+
     @media (max-height: 300px) {
         margin-bottom: 0px;
     }
@@ -224,6 +250,7 @@ div {
 .sm-function-module-sub-section-caption {
     margin: 0 0 8px 0;
     padding: 0;
+
     @media (max-height: 480px) {
         margin: 0 0 2px 0;
     }
@@ -241,15 +268,19 @@ label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
+
     @media (max-width: 1000px) {
         font-size: 12px;
     }
+
     @media (max-width: 750px) {
         font-size: 10px;
     }
+
     @media (max-height: 480px) {
         font-size: 12px;
     }
+
     @media (max-height: 300px) {
         font-size: 10px;
     }
@@ -285,9 +316,11 @@ label {
 .sm-solider-input-box {
     float: right;
     width: 65%;
+
     @media (max-width: 750px) {
         width: 61%;
     }
+
     @media (max-height: 480px) {
         width: 61%;
     }
@@ -335,10 +368,12 @@ label {
     height: 25px;
     border: 1px solid #DCDFE6;
     padding: 0px 3px;
+
     @media (max-width: 750px) {
         font-size: 12px;
         height: 21px;
     }
+
     @media (max-height: 480px) {
         height: 21px;
         font-size: 12px;
@@ -347,9 +382,11 @@ label {
 
 .sm-select-s {
     width: 65%;
+
     @media (max-width: 750px) {
         width: 64%;
     }
+
     @media (max-height: 480px) {
         width: 61%;
     }
@@ -365,9 +402,11 @@ label {
     position: relative;
     top: 4px;
     left: 80px;
+
     @media (max-width: 750px) {
         display: none
     }
+
     @media (max-height: 480px) {
         display: none
     }
@@ -376,12 +415,15 @@ label {
 .sm-select-color {
     width: 66%;
     position: relative;
+
     @media (max-width: 1000px) {
         width: 65%;
     }
+
     @media (max-width: 750px) {
         width: 60%;
     }
+
     @media (max-height: 480px) {
         width: 60%;
     }
@@ -475,11 +517,13 @@ input:focus {
 }
 
 ;
+
 select:focus {
     outline: none;
 }
 
 ;
+
 button:focus {
     // border: none;
     background-color: rgba(121, 120, 120, 0.5);
@@ -515,12 +559,15 @@ input[type="checkbox"]:checked::before {
     color: #ffffff;
     padding-left: 10px;
     opacity: 0.8;
+
     @media (max-width: 750px) {
         width: 102px;
     }
+
     @media (max-height: 480px) {
         width: 102px;
     }
+
     @media (max-height: 300px) {
         width: 75px;
     }
@@ -532,16 +579,19 @@ input[type="checkbox"]:checked::before {
     justify-content: flex-end;
     margin-top: 10px;
     padding: 5px 0 5px 10px;
+
     @media (max-width: 750px) {
         margin-top: 5px;
         padding: 3px 0 3px 5px;
         font-size: 12px;
     }
+
     @media (max-height: 480px) {
         margin-top: 5px;
         padding: 3px 0 3px 5px;
         font-size: 12px;
     }
+
     @media (max-height: 300px) {
         margin-top: 2px;
         padding: 2px 0 2px 4px;
@@ -562,15 +612,19 @@ input[type="checkbox"]:checked::before {
     font-size: 15px;
     padding: 0px;
     margin-right: 5px;
+
     @media (max-width: 1000px) {
         font-size: 14px;
     }
+
     @media (max-width: 750px) {
         font-size: 12px;
     }
+
     @media (max-height: 480px) {
         font-size: 12px;
     }
+
     @media (max-height: 300px) {
         font-size: 11px;
     }
@@ -591,12 +645,15 @@ input[type="range"]::-moz-range-thumb {
     color: #ffffff;
     opacity: 0.6;
     vertical-align: middle;
+
     @media (max-width: 750px) {
         width: 63%
     }
+
     @media (max-height: 480px) {
         width: 63%;
     }
+
     @media (max-height: 300px) {
         width: 62%;
     }
@@ -613,14 +670,17 @@ input[type="range"]::-moz-range-thumb {
     right: 53px;
     z-index: 1000;
     border: 1px solid rgba(60, 141, 188, 1);
+
     @media (max-width: 1000px) {
         right: 43px;
         width: 50%;
     }
+
     @media (max-width: 750px) {
         right: 10px;
         width: 56%;
     }
+
     @media (max-height: 480px) {
         right: 10px;
         width: 56%;
@@ -673,12 +733,15 @@ input[type="range"]::-moz-range-thumb {
     vertical-align: baseline;
     border-radius: .25em;
     line-height: 1.1;
+
     @media (max-width: 750px) {
         padding: 0.4em 5.6em .01em 4em;
     }
+
     @media (max-height: 480px) {
         padding: 0.4em 5.6em .01em 4em;
     }
+
     @media (max-height: 300px) {
         padding: 0.4em 4.6em .01em 4em;
     }
@@ -696,14 +759,17 @@ input[type="range"]::-moz-range-thumb {
     width: 56px;
     font-size: 13px;
     overflow: hidden;
+
     @media (max-width: 750px) {
         height: 22px;
         width: 50px;
     }
+
     @media (max-height: 480px) {
         height: 20px;
         width: 50px;
     }
+
     @media (max-height: 300px) {
         height: 20px;
         width: 45px;
@@ -716,10 +782,12 @@ input[type="range"]::-moz-range-thumb {
 }
 
 .media-hidden {
+
     //缩小屏幕时隐藏
     @media (max-width: 750px) {
         display: none;
     }
+
     @media (max-height: 480px) {
         display: none;
     }
@@ -755,6 +823,7 @@ input[type="range"]::-moz-range-thumb {
     border: 1px solid rgb(58, 150, 78);
     margin-bottom: 18px;
     flex-wrap: wrap;
+
     .Thematicbox {
         width: 40px;
         height: 45px;
@@ -763,16 +832,19 @@ input[type="range"]::-moz-range-thumb {
         font-size: 12px;
         // color: cl;
         text-align: center;
+
         .minbox {
             width: 30px;
             height: 30px;
             margin: 0 auto;
             line-height: 29px;
         }
+
         .iconfont {
             font-size: 24px;
         }
     }
+
     .lightSelected {
         color: rgb(58, 150, 78);
     }
@@ -786,6 +858,7 @@ input[type="range"]::-moz-range-thumb {
 .ParticleSystem {
     .sm-function-module-sub-section {
         margin-bottom: 0;
+
         .sm-solider-input-box,
         .sm-select {
             width: 68%;
@@ -799,12 +872,15 @@ input[type="range"]::-moz-range-thumb {
     align-items: baseline;
     justify-content: space-between;
     margin-bottom: 10px;
+
     @media (max-width: 750px) {
         margin-bottom: 2px;
     }
+
     @media (max-height: 480px) {
         margin-bottom: 2px;
     }
+
     button {
         // background-color: #333;
         color: white;
@@ -822,10 +898,12 @@ input[type="range"]::-moz-range-thumb {
     padding: 5px;
     // border: 1px solid rgb(58, 150, 78);
     margin: 10px 0;
+
     .imgbox {
         width: 40px;
         height: 40px;
     }
+
     .imgbox:hover {
         background-color: #127bab;
     }

src/components/Combinations/LayerManage/LayerManage.scss

@@ -59,7 +59,6 @@
     overflow-y: hidden;
     overflow-x: hidden;
     height: 600px;
-    padding: 0px 5px 0px 5px;
 }
 .zymlsplit,.collectsplit{
     height: 300px;

static/css/index.css

@@ -124,6 +124,7 @@ div::-webkit-scrollbar-track {
   background: url(/static/images/popup/background.png) no-repeat !important;
   background-size: 100% 100% !important; */
 }
+
 .vl-notify.vl-notify-alert {
   /* background-color: #fff0 !important;
   background: url(/static/images/popup/background.png) no-repeat !important;
@@ -140,10 +141,12 @@ div::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }
+
 div::-webkit-scrollbar-thumb {
   background: rgba(63, 147, 245, 0.6);
   border-radius: 5px;
 }
+
 div::-webkit-scrollbar-track {
   background: rgba(4, 28, 50, 0.6);
 }
@@ -179,7 +182,7 @@ div::-webkit-scrollbar-track {
   z-index: -1;
 }
 
-.vl-notice-title > span {
+.vl-notice-title>span {
   font-size: 16px;
   font-weight: 700;
   letter-spacing: 1px;
@@ -197,7 +200,7 @@ div::-webkit-scrollbar-track {
   top: 10px !important;
 }
 
-.lv-icon-maxmini > i {
+.lv-icon-maxmini>i {
   color: #fff !important;
 }
 
@@ -205,24 +208,27 @@ div::-webkit-scrollbar-track {
   display: none;
 }
 
-.el-input > input,
+.el-input>input,
 .el-select-dropdown,
-.el-textarea > textarea {
+.el-textarea>textarea {
   color: #fff !important;
   background-color: rgba(4, 28, 50, 0.5) !important;
-  /* border: 1px solid rgba(15, 122, 200, 0.4) !important; */
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
 }
+
 .el-input .el-input-group__append {
   color: #fff !important;
   background-color: rgba(4, 28, 50, 0.5) !important;
   border: 1px solid rgba(15, 122, 200, 0.4) !important;
 }
-.el-input-group__append > button {
+
+.el-input-group__append>button {
   color: #fff !important;
   background-color: rgba(4, 28, 50, 0.5) !important;
   border: 1px solid rgba(15, 122, 200, 0.4) !important;
   padding: 6px 20px;
 }
+
 .el-select-dropdown__item {
   color: #ebebeb !important;
 }
@@ -264,6 +270,7 @@ div::-webkit-scrollbar-track {
   color: #fff !important;
   background-color: rgba(255, 255, 255, 0.35) !important;
 }
+
 .el-cascader__dropdown,
 .el-picker-panel,
 .el-picker-panel__footer {
@@ -271,6 +278,7 @@ div::-webkit-scrollbar-track {
   background-color: rgba(4, 28, 50, 0.5) !important;
   border: 1px solid rgba(15, 122, 200, 0.4) !important;
 }
+
 .el-time-panel {
   background-color: rgba(4, 28, 50, 0.85) !important;
 }
@@ -284,14 +292,14 @@ div::-webkit-scrollbar-track {
   background: rgba(63, 148, 245, 0.432) !important;
 }
 
-.el-time-panel__footer > button:nth-child(1),
+.el-time-panel__footer>button:nth-child(1),
 .el-date-table th,
 .el-picker-panel__icon-btn,
 .el-date-picker__header-label {
   color: #fff !important;
 }
 
-.el-pagination > button,
+.el-pagination>button,
 .el-pager li {
   color: #c2c2c2 !important;
   background-color: rgba(4, 28, 50, 0.5) !important;
@@ -309,16 +317,18 @@ div::-webkit-scrollbar-track {
 .el-cascader-node {
   color: #fff !important;
 }
+
 .el-cascader-node:hover {
   color: #fff !important;
   background-color: rgba(255, 255, 255, 0.35) !important;
 }
+
 /* .el-cascader-node:not(.is-disabled):hover */
 .el-cascader-node:not(.is-disabled):focus {
   background-color: rgba(4, 28, 50, 0.5) !important;
 }
 
-.el-checkbox__input > .el-checkbox__inner {
+.el-checkbox__input>.el-checkbox__inner {
   border: 1px solid #96a9b7;
   background-color: rgba(4, 28, 50, 0.6);
 }
@@ -330,19 +340,60 @@ div::-webkit-scrollbar-track {
   color: #20a0fc;
 }
 
-.el-icon-s-operation + a,
-.el-icon-location-outline + a,
-.el-icon-share + a,
-.el-icon-delete + a {
+.el-icon-s-operation+a,
+.el-icon-location-outline+a,
+.el-icon-share+a,
+.el-icon-delete+a {
   color: #cddeeb;
 }
 
 .el-pagination__jump {
   color: #cddeeb !important;
 }
+
 .el-input-number__decrease,
 .el-input-number__increase {
   color: #fff !important;
   background-color: rgba(4, 28, 50, 0.5) !important;
   border: 1px solid rgba(15, 122, 200, 0.4) !important;
 }
+
+.el-message-box {
+  background-color: #02213e9a  !important;
+  border: none !important;
+  color: #fff;
+}
+
+.el-message-box__header {
+  background-color: transparent !important;
+  padding: 10px 16px 7px !important
+}
+
+.el-message-box__title {
+  color: #fff !important;
+  border-bottom: 1px solid #2A5277 !important;
+  height: 30px !important;
+}
+
+.el-message-box__content {
+  color: #fff !important;
+}
+
+.el-message-box__headerbtn .el-message-box__close {
+  color: #fff !important;
+  /* background-color: rgba(51, 95, 135, 1) !important;
+  border-radius: 4px;
+  padding: 2px; */
+  width: 22px;
+  height: 22px;
+  background: #335F87;
+  border-radius:4px;
+  border: 1px solid rgba(123, 162, 198, 0.5);
+}
+.el-message-box__headerbtn{
+  top: 13px !important;
+  border-radius: 4px;
+}
+.el-message-box__status.el-icon-warning {
+  color: #2d8cf0b3;
+}