样式优化

src/App.vue

@@ -1,68 +1,18 @@
+<template>
+  <el-config-provider :locale="locale">
+    <router-view />
+  </el-config-provider>
+</template>
+
 <script setup>
+import { ElConfigProvider } from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
-import { ref } from "vue";
-let config = ref({
-  data: [
-    {
-      name: '南阳',
-      value: 167
-    },
-    {
-      name: '周口',
-      value: 123
-    },
-    {
-      name: '漯河',
-      value: 98
-    },
-    {
-      name: '郑州',
-      value: 75
-    },
-    {
-      name: '西峡',
-      value: 66
-    },
-  ],
-  colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
-  unit: '单位',
-  showValue: true,
-});
-let config2 = ref({
-  indexHeader	:'序号',
-  header: ['列1', '列2', '列3'],
-  data: [
-    ['行1列1', '行1列2', '行1列3'],
-    ['行2列1', '行2列2', '行2列3'],
-    ['行3列1', '行3列2', '行3列3'],
-    ['行4列1', '行4列2', '行4列3'],
-    ['行5列1', '行5列2', '行5列3'],
-    ['行6列1', '行6列2', '行6列3'],
-    ['行7列1', '行7列2', '行7列3'],
-    ['行8列1', '行8列2', '行8列3'],
-    ['行9列1', '行9列2', '行9列3'],
-    ['行10列1', '行10列2', '行10列3']
-  ],
-  index: true,
-  columnWidth: [50],
-  align: ['center']
-})
+const locale = zhCn
 </script>
 
-<template>
-  <router-view />
-  <!-- <div class="container">
-    <div>
-      <dv-border-box-1><dv-capsule-chart :config="config" style="width:300px;height:200px" /></dv-border-box-1>
-    </div>
-    <div>
-      <dv-scroll-board :config="config2" style="width:500px;height:220px" />
-    </div>
-  </div> -->
-</template>
-
 <style scoped>
-.container{
+.container {
   margin: 0;
   width: 100vw;
   height: 100vh;

src/assets/styles/index.scss

@@ -10,6 +10,10 @@
   font-family: 'Alibaba PuHuiTi';
 }
 
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 body {
   height: 100%;
   margin: 0;

src/views/left/comp/dispose/CaseHandling.vue

@@ -772,10 +772,10 @@ onMounted(() => {})
             background-clip: text;
 
             /* 使文字透明，背景渐变会应用到文字 */
-            color: transparent;
+            // color: transparent;
 
             /* 光泽效果：文本阴影 */
-            text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
+            // text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
 
             /* 给文字加一些柔和的过渡效果 */
             transition: all 0.3s ease;

src/views/left/comp/dispose/RiskProfile.vue

@@ -743,10 +743,10 @@ onMounted(() => {
             background-clip: text;
 
             /* 使文字透明，背景渐变会应用到文字 */
-            color: transparent;
+            // color: transparent;
 
             /* 光泽效果：文本阴影 */
-            text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
+            // text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.4);
 
             /* 给文字加一些柔和的过渡效果 */
             transition: all 0.3s ease;