Jelajahi Sumber

项目首页样式风格修改

YaolongHan 4 tahun lalu
induk
melakukan
d30e37e678
3 mengubah file dengan 19 tambahan dan 10 penghapusan
  1. TEMPAT SAMPAH
      src/assets/images/icons/switch-1.png
  2. 3 4
      src/components/floorMap/index.vue
  3. 16 6
      src/components/menuList.vue

TEMPAT SAMPAH
src/assets/images/icons/switch-1.png


+ 3 - 4
src/components/floorMap/index.vue

@@ -324,11 +324,10 @@ export default {
         }
         if (isShopToWell) {
           this.popoverPosition.top = `${e.clientY + 70}px`;
-          this.popoverPosition.left = `${e.clientX+20}px`;
+          this.popoverPosition.left = `${e.clientX + 20}px`;
         } else {
-            this.popoverPosition.top = `${e.clientY}px`;
-            this.popoverPosition.left = `${e.clientX+30}px`;
-
+          this.popoverPosition.top = `${e.clientY}px`;
+          this.popoverPosition.left = `${e.clientX + 30}px`;
         }
 
         this.$nextTick(() => {

+ 16 - 6
src/components/menuList.vue

@@ -68,7 +68,16 @@
         <span class="span3">{{ times }}</span>
       </span>
       <div class="checkkout" v-show="showStyleBtn">
-        <img @click="checkColor" src="../assets/images/icons/switch.png" />
+        <img
+          v-show="showStyle"
+          @click="checkColor"
+          src="../assets/images/icons/switch.png"
+        />
+        <img
+          v-show="!showStyle"
+          @click="checkColor"
+          src="../assets/images/icons/switch-1.png"
+        />
         <div
           class="tip"
           :style="{ color: !showStyle ? '#8e9298' : '#69c4df' }"
@@ -223,9 +232,9 @@ export default {
           } else {
             this.showStyle = true;
             //   改变颜色风格
-            setTimeout(()=>{
+            setTimeout(() => {
               bus.$emit("changeStyleColor", true);
-            })
+            });
           }
         }
       } else {
@@ -288,11 +297,11 @@ export default {
       //   改变颜色风格
       bus.$emit("changeStyleColor", this.showStyle);
 
-       /**
+      /**
        * 皮肤模式切换后,存储用户名,皮肤模式
        */
-      const newV = this.showStyle ? 'dark':'light';
-      localStorage.setItem(`${this.userInfo.username}__skinMode`, newV)
+      const newV = this.showStyle ? "dark" : "light";
+      localStorage.setItem(`${this.userInfo.username}__skinMode`, newV);
     },
   },
 };
@@ -461,6 +470,7 @@ export default {
   align-items: center;
   line-height: 48px;
   color: #646c73;
+  margin-left: 16px;
   img {
     width: 24px;
     height: 24px;