update

1.更新西安大屏样式

src/components/body-d-left/oneL.vue

@@ -1,12 +1,12 @@
 <template>
     <div class="common-card" :class="[themeType]">
-        <public-title title="服务详情数据" />
+        <public-title title="服务详情数据" :themeType="themeType" />
         <div class="inner">
             <div class="type-time">
                 <span
                     v-for="(item, index) in typeTime"
                     :key="index"
-                    :class="[selectIndex === index ? 'select' : 'unSelect']"
+                    :class="[selectIndex === index ? 'select' : 'unSelect', themeType]"
                     @click="handleSelect(index, item.value)"
                     >{{ item.name }}</span
                 >
@@ -16,7 +16,7 @@
                     v-for="(item, index) in statistics"
                     :key="index"
                     class="server-item"
-                    :class="['gross', 'alerdyreceive'].includes(item.key) ? 'hasCursor' : ''"
+                    :class="[['gross', 'alerdyreceive'].includes(item.key) ? 'hasCursor' : '', themeType]"
                     @click="handleClick(item)"
                 >
                     <span>{{ item?.name }}</span>
@@ -116,7 +116,7 @@
 
         .server-container {
             color: #fff;
-            padding-top: 4%;
+            padding-top: 10px;
             height: 88%;
             display: grid;
             align-items: start;
@@ -128,34 +128,18 @@
                 left: 50%;
                 top: 50%;
             }
+        }
 
-            .server-item {
-                font-size: 16px;
-                padding: 6px 0;
+        .server-item {
+            font-size: 16px;
+            padding: 6px 6% 6px 5%;
 
-                &.hasCursor {
-                    cursor: pointer;
-                }
-
-                span {
-                    display: inline-block;
-                    width: 50%;
-                }
-
-                span:nth-child(1) {
-                    text-align: left;
-                    padding-left: 5%;
-                }
-
-                span:nth-child(2) {
-                    text-align: right;
-                    padding-right: 6%;
-                }
+            &.hasCursor {
+                cursor: pointer;
             }
 
-            .server-item:nth-child(odd) {
-                background-color: #0a0a0c;
-            }
+            display: flex;
+            justify-content: space-between;
         }
     }
 </style>