瀏覽代碼

大屏菜单样式修改

lianghanqiang 5 年之前
父節點
當前提交
a0f70cea84
共有 2 個文件被更改,包括 5 次插入5 次删除
  1. 二進制
      public/data/button-bg.png
  2. 5 5
      src/views/grid/mainScreen.vue

二進制
public/data/button-bg.png


+ 5 - 5
src/views/grid/mainScreen.vue

@@ -28,14 +28,14 @@
     <environment-protection v-if="scene==5"></environment-protection>
 
     <!--  场景菜单   -->
-    <div style="position:absolute;width: 60%;height: 15%;top: 85%;right: 20%;color: white">
+    <div style="position:absolute;width: 60%;height: 15%;top: 85%;right: 20%;color: #ffffff">
       <div class="full center">
 <!--        <dv-border-box-7-->
-        <dv-decoration-11
+        <div
           v-for="(item,index) of sceneMenu" :key="item"
-          style="cursor: pointer;width: 180px;height: 50px;background-color: #296b67" class="center click" :color="['#58d9c5']" backgroundColor="rgba(36, 107, 107)">
-          <div class="full center " @click="handleDevice(index)" style="color: #ffffff">{{item}}</div>
-        </dv-decoration-11>
+          style="cursor: pointer;width: 180px;height: 65px;background: url('/data/button-bg.png') no-repeat center/contain" class="center click" :color="['#58d9c5']" backgroundColor="rgba(36, 107, 107)">
+          <div class="full center " @click="handleDevice(index)" style="color: #3dffe1;font-weight: bold">{{item}}</div>
+        </div>
       </div>
     </div>