@vtx/modals2 3.3.19 → 4.0.2

package/lib/vtx-base-modal/style/index.css

@@ -11,11 +11,11 @@ p {
 .vtx-business-modal-wrap .mask {
   width: 100%;
   height: 100%;
-  position: absolute;
+  position: fixed;
   left: 0;
   top: 0;
-  z-index: 999;
-  background: rgba(0, 0, 0, 0.8);
+  z-index: 2000;
+  background: rgba(0, 0, 0, 0.45);
 }
 .vtx-business-modal-wrap.dark {
   --table-bg: transparent;
@@ -332,13 +332,10 @@ p {
   min-height: 500px;
   min-width: 1000px;
   overflow: hidden;
-  position: absolute;
-  top: 120px;
+  position: fixed;
+  top: 50px;
   left: 50%;
-  -webkit-transform: translateX(-50%);
-      -ms-transform: translateX(-50%);
-          transform: translateX(-50%);
-  z-index: 999;
+  z-index: 2009;
   background: var(--modal-content-bg);
   border: 2px solid var(--modal-border-color);
   border-radius: 8px;
@@ -368,13 +365,6 @@ p {
   height: 100%;
   font-weight: bold;
 }
-.vtx-business-modal--head-title.blue {
-  padding-left: 58px;
-  font-family: DINAlternate-Bold, DINAlternate;
-  font-style: italic;
-  color: var(--title-color);
-  -webkit-text-stroke: 1px #034193c0;
-}
 .vtx-business-modal--head-title.dark {
   padding-left: 58px;
   font-family: DINAlternate-Bold, DINAlternate;
@@ -397,16 +387,6 @@ p {
   background-size: 100% 100%;
   background-image: url('../imgs/title_bg.png');
 }
-.vtx-business-modal--head-title-bg.blue {
-  width: 400px;
-  height: 60px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  background-image: url('../imgs/title_bg_blue.png');
-}
 .vtx-business-modal--head-btns {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -436,9 +416,6 @@ p {
   transition: transform 0.3s;
   transition: transform 0.3s, -webkit-transform 0.3s;
 }
-.vtx-business-modal--head .close-btn.blue {
-  margin-right: 10px;
-}
 .vtx-business-modal--head .close-btn:hover {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
@@ -453,7 +430,6 @@ p {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  overflow: auto;
 }
 .vtx-business-modal--main {
   width: calc(100% - 140px);
@@ -462,6 +438,7 @@ p {
   width: 100%;
 }
 .vtx-business-modal .vtx-modal-tabs {
+  --tabs-bg-color: #fcfcfc;
   --tabs-btn-color: #666;
   --tabs-btn-active-color: #1890ff;
   --border-left: #1890ff;
@@ -484,14 +461,11 @@ p {
           justify-content: center;
 }
 .vtx-business-modal .vtx-modal-tabs.dark {
+  --tabs-bg-color: #fcfcfc;
   --tabs-btn-color: #9dbcbaff;
   --tabs-btn-active-color: #fff;
   --border-left: rgba(255, 255, 255, 0.2);
 }
-.vtx-business-modal .vtx-modal-tabs.blue {
-  --tabs-btn-color: #aaa;
-  --tabs-btn-active-color: #ffffff;
-}
 .vtx-business-modal .vtx-modal-tabs--tab {
   width: 140px;
   height: 64px;
@@ -508,10 +482,6 @@ p {
 .vtx-business-modal .vtx-modal-tabs--tab_active.dark {
   background-image: url('../imgs/tab_bg.png');
 }
-.vtx-business-modal .vtx-modal-tabs--tab_active.blue {
-  background-image: url('../imgs/tab_bg_blue.png');
-  font-weight: bold;
-}
 .dark .ant-popover-inner {
   background-color: #0d1a1b !important;
 }
@@ -541,3 +511,27 @@ p {
     height: 100%;
   }
 }
+.gradeTip {
+  display: inline-block;
+  margin-left: 10px;
+  padding: 0 8px;
+  line-height: 24px;
+  font-size: 14px;
+  background: rgba(38, 216, 140, 0.102);
+  border: 1px solid #26d88c;
+  border-radius: 4px;
+  font-style: normal;
+  color: #26d88c;
+}
+.classTip {
+  display: inline-block;
+  margin-left: 10px;
+  padding: 0 8px;
+  line-height: 24px;
+  font-size: 14px;
+  background: rgba(0, 197, 203, 0.102);
+  border: 1px solid #00c5cb;
+  border-radius: 4px;
+  font-style: normal;
+  color: #00c5cb;
+}

package/lib/vtx-base-modal/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-base-modal/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
+{"version":3,"file":"index.js","names":["require"],"sources":["vtx-base-modal/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/vtx-base-modal/style/index.less

@@ -4,19 +4,21 @@ p {
     margin: 0 !important;
     padding: 0 !important;
 }
+
 .overHiddenScroll {
     height: 100%;
     overflow: hidden;
 }
+
 .vtx-business-modal-wrap {
     .mask {
         width: 100%;
         height: 100%;
-        position: absolute;
+        position: fixed;
         left: 0;
         top: 0;
-        z-index: 999;
-        background: rgba(0, 0, 0, 0.8);
+        z-index: 2000;
+        background: rgba(0, 0, 0, 0.45);
     }
 
     &.dark {
@@ -385,11 +387,11 @@ p {
     min-width: 1000px;
     // max-width: calc(100% - 64px);
     overflow: hidden;
-    position: absolute;
-    top: 120px;
+    position: fixed;
+    top: 50px;
     left: 50%;
-    transform: translateX(-50%);
-    z-index: 999;
+    // transform: translateX(-50%);
+    z-index: 2009;
     background: var(--modal-content-bg);
     border: 2px solid var(--modal-border-color);
     border-radius: 8px;
@@ -407,13 +409,6 @@ p {
             position: relative;
             height: 100%;
             font-weight: bold;
-            &.blue {
-                padding-left: 58px;
-                font-family: DINAlternate-Bold, DINAlternate;
-                font-style: italic;
-                color: var(--title-color);
-                -webkit-text-stroke: 1px #034193c0;
-            }
             &.dark {
                 padding-left: 58px;
                 font-family: DINAlternate-Bold, DINAlternate;
@@ -436,15 +431,6 @@ p {
                     .background();
                     background-image: url('../imgs/title_bg.png');
                 }
-                &.blue {
-                    width: 400px;
-                    height: 60px;
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    .background();
-                    background-image: url('../imgs/title_bg_blue.png');
-                }
             }
         }
         &-btns {
@@ -467,10 +453,6 @@ p {
             cursor: pointer;
             transition: transform 0.3s;
 
-            &.blue {
-                margin-right: 10px;
-            }
-
             &:hover {
                 transform: rotate(180deg);
             }
@@ -482,7 +464,6 @@ p {
         background: var(--modal-content-bg);
         display: flex;
         justify-content: space-between;
-        overflow: auto;
     }
     &--main {
         width: calc(~'100% - 140px');
@@ -492,21 +473,18 @@ p {
     }
 
     .vtx-modal-tabs {
+        --tabs-bg-color: #fcfcfc;
         --tabs-btn-color: #666;
         --tabs-btn-active-color: #1890ff;
         --border-left: #1890ff;
 
         &.dark {
+            --tabs-bg-color: #fcfcfc;
             --tabs-btn-color: #9dbcbaff;
             --tabs-btn-active-color: #fff;
             --border-left: rgba(255, 255, 255, 0.2);
         }
 
-        &.blue {
-            --tabs-btn-color: #aaa;
-            --tabs-btn-active-color: #ffffff;
-        }
-
         width: 140px;
         font-size: 18px;
         font-family: PingFangSC-Regular, PingFang SC;
@@ -530,10 +508,6 @@ p {
                 &.dark {
                     background-image: url('../imgs/tab_bg.png');
                 }
-                &.blue {
-                    background-image: url('../imgs/tab_bg_blue.png');
-                    font-weight: bold;
-                }
             }
         }
     }
@@ -553,7 +527,7 @@ p {
     }
 }
 
-@media screen and(max-width:1440px) and (max-height: 900px) {
+@media screen and(max-width: 1440px) and (max-height: 900px) {
     .vtx-business-modal {
         height: 100%;
         top: 0;
@@ -573,3 +547,29 @@ p {
         }
     }
 }
+
+.gradeTip {
+    display: inline-block;
+    margin-left: 10px;
+    padding: 0 8px;
+    line-height: 24px;
+    font-size: 14px;
+    background: rgba(38, 216, 140, 0.102);
+    border: 1px solid #26d88c;
+    border-radius: 4px;
+    font-style: normal;
+    color: #26d88c;
+}
+
+.classTip {
+    display: inline-block;
+    margin-left: 10px;
+    padding: 0 8px;
+    line-height: 24px;
+    font-size: 14px;
+    background: rgba(0, 197, 203, 0.102);
+    border: 1px solid #00c5cb;
+    border-radius: 4px;
+    font-style: normal;
+    color: #00c5cb;
+}