大屏样式优化

env/.env.dev

@@ -10,8 +10,8 @@ VITE_API_URL = '/proxyApi'
 # VITE_proxyTarget = 'http://192.168.0.234:28080'  # 马帅 
 # VITE_proxyTarget = 'http://192.168.2.122:28080'  # 梁超 
 # VITE_proxyTarget = 'http://36.33.26.201:17788/proxyApi'  # 测试÷服务
-# VITE_proxyTarget = 'http://192.168.0.244:28580'  # 测试服务
-VITE_proxyTarget = 'http://192.168.0.96:28080'  # 马帅
+VITE_proxyTarget = 'http://192.168.0.244:28580'  # 测试服务
+# VITE_proxyTarget = 'http://192.168.0.96:28080'  # 马帅
 
 # VITE_proxyTarget = 'http://10.40.92.185:9206'  # 赵福海 ( 设备类型) 
 # VITE_proxyTarget = 'http://10.40.92.16:9502'  # 牛 (个人中心 基础信息企业申请认证) 

src/components/ScreenTitle/index.vue

@@ -19,12 +19,12 @@ const props = defineProps({
     height: 36px;
     padding-left: 30px;
     line-height: 20px;
-    color: #fff;
+    color: #ccc;
     /* background: linear-gradient(to right, #086c94, #0e557f, #06112c); */
     background: url('@/assets/img/screen/title_bg.png') no-repeat;
 
     background-size: 100% 100%;
     letter-spacing: 4px;
-    font-size: 18px;
+    font-size: 16px;
 }
 </style>

src/views/big-screen/model-components/center-model.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="container">
         <div class="item">
-            <h2>装备上架</h2>
+            <!-- <h2>装备上架</h2> -->
+            <div class="item-title">
+                <img src="@/assets/img/screen/装备上架.png" alt="">
+            </div>
             <div class="item-info">
                 <div class="info-box info-box_1" style="transform: translateY(-30px)">
                     <div class="yyyy">入驻装备数</div>
@@ -46,7 +49,10 @@
             </div>
         </div>
         <div class="item">
-            <h2>装备租赁</h2>
+            <!-- <h2>装备租赁</h2> -->
+            <div class="item-title">
+                <img src="@/assets/img/screen/装备租赁.png" alt="">
+            </div>
             <div class="item-info">
                 <div class="info-box info-box_2" style="transform: translateY(-30px)">
                     <div>
@@ -89,7 +95,10 @@
             </div>
         </div>
         <div class="item">
-            <h2>装备需求</h2>
+            <!-- <h2>装备需求</h2> -->
+            <div class="item-title">
+                <img src="@/assets/img/screen/装备需求.png" alt="">
+            </div>
             <div class="item-info">
                 <div class="info-box info-box_3" style="transform: translateY(-30px)">
                     <div>
@@ -184,6 +193,12 @@ onMounted(() => {
         height: 30%;
         background: url('@/assets/img/screen/center1_1.png') no-repeat;
         background-size: 100% 100%;
+
+        .item-title {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
         .item-info {
             display: flex;
             align-items: center;
@@ -201,7 +216,7 @@ onMounted(() => {
     h2 {
         color: #42bbfc;
         // font-style: italic;
-        font-size: 28px;
+        font-size: 31px;
         // font-weight: bold;
         letter-spacing: 6px;
         text-align: center;