xxxx

guzijian
1 parent efefb3e6
Showing 1 changed file with 17 additions and 6 deletions
src/views/home/index.vue
@@ -217,10 +217,12 @@ const signStyleColor = ref(
     },
     {
       backgroundColor: "#ffa500",
+      color: "white",
       label: "今日打卡迟到"
     },
     {
       backgroundColor: "#ff0000",
+      color: "white",
       label: "今日酒测异常"
     }
   ]
@@ -694,6 +696,15 @@ const handleGlobalInfo = (data, num) =&gt; {
                       padding-right: 0.5vw;
                       /** 防止元素遮挡 */
                       pointer-events: none;
+                      background: linear-gradient(to right, rgb(0, 0, 0), rgb(255, 255, 255));
+                      /* 设置线性渐变背景 */
+                      -webkit-background-clip: text;
+                      /* Safari/Chrome 浏览器支持 */
+                      -moz-background-clip: text;
+                      /* Firefox 浏览器支持 */
+                      background-clip: text;
+                      /* 设置背景裁剪为文本 */
+                      // mix-blend-mode: difference;
                     }
                   }
                 }
@@ -773,23 +784,23 @@ const handleGlobalInfo = (data, num) =&gt; {
 </style>
 <style>
 .fleet-popover-style {
-  color: white !important;
+  color: black !important;
   margin: 10px 0 10px 0;
   min-width: 100px;
 }
 .el-popover.fleet-popover-style {
-  border-color: #146EBD;
-  background-color: #062a5ac5;
+  border-color: #3d3e3f;
+  background-color: #12d76bc5;
 }
 .fleet-popover-style .el-popover__title {
-  color: #FFFFF0;
+  color: black;
   font-weight: bold;
 }
 .el-popper[data-popper-placement^=top]>.el-popper__arrow::before {
-  border-top-color: #062a5ac5 !important;
-  background-color: #062a5ac5 !important;
+  background-color: #12d76bc5 !important;
+  background-color: #12d76bc5 !important;
 }
 </style>