소스 검색

style: some bamboo switch img in detail

chenlei 1 년 전
부모
커밋
ad0d538cc7
3개의 변경된 파일14개의 추가작업 그리고 0개의 파일을 삭제
  1. BIN
      src/views/BambooHotView3/images/bamboo3-active.png
  2. BIN
      src/views/BambooHotView3/images/bamboo7-active.png
  3. 14 0
      src/views/BambooHotView3/index.vue

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 {