Ver código fonte

style: some bamboo switch img in detail

chenlei 1 ano atrás
pai
commit
ad0d538cc7

BIN
src/views/BambooHotView3/images/bamboo3-active.png


BIN
src/views/BambooHotView3/images/bamboo7-active.png


+ 14 - 0
src/views/BambooHotView3/index.vue

@@ -80,10 +80,16 @@
         }"
       >
         <img
+          v-show="!hotVisible"
           v-lazy="{
             src: Bamboo3Img,
           }"
         >
+        <img
+          v-show="hotVisible"
+          :src="Bamboo3ActImg"
+          lazy="loaded"
+        >
       </div>
       <div
         v-if="!hotVisible"
@@ -123,10 +129,16 @@
         }"
       >
         <img
+          v-show="!hotVisible"
           v-lazy="{
             src: Bamboo7Img,
           }"
         >
+        <img
+          v-show="hotVisible"
+          :src="Bamboo7ActImg"
+          lazy="loaded"
+        >
       </div>
       <div
         v-if="!hotVisible"
@@ -207,8 +219,10 @@ import useSizeAdapt from "@/useFunctions/useSizeAdapt"
 import Bamboo1Img from "./images/bamboo1.png"
 import Bamboo2Img from "./images/bamboo2.png"
 import Bamboo3Img from "./images/bamboo3.png"
+import Bamboo3ActImg from "./images/bamboo3-active.png"
 import Bamboo4Img from "./images/bamboo4.png"
 import Bamboo7Img from "./images/bamboo7.png"
+import Bamboo7ActImg from "./images/bamboo7-active.png"
 import Bamboo8Img from "./images/bamboo8.png"
 
 const {