选择口味

app/index/view/index/productDetails.html

@@ -48,9 +48,9 @@
                                 <input class="tasteInput" id="STRAWBERRY-MANGO-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
-                            <p class="tasteTitle">STRAWBERRY-MANGO</p>
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/STRAWBERRY-MANGO.jpg"
+                                 data-original="/assets/index/asstes/flavors/STRAWBERRY-MANGO.jpg" alt="">
+                            <p class="tasteTitle">STRAWBERRY MANGO</p>
                         </div>
                         <div class="tasteItem" data-id="2">
                             <div class="tasteNumberBox">
@@ -58,9 +58,9 @@
                                 <input class="tasteInput" id="BLUE-RAZZ-ICE-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
-                            <p class="tasteTitle">BLUE RAZZ-ICE</p>
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/BLUE-RAZZ-ICE.jpg"
+                                 data-original="/assets/index/asstes/flavors/BLUE-RAZZ-ICE.jpg" alt="BLUE RAZZ ICE">
+                            <p class="tasteTitle">BLUE RAZZ ICE</p>
                         </div>
                         <div class="tasteItem" data-id="3">
                             <div class="tasteNumberBox">
@@ -68,8 +68,8 @@
                                 <input class="tasteInput" id="WATERMELON-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/WATERMELON.jpg"
+                                 data-original="/assets/index/asstes/flavors/WATERMELON.jpg" alt="WATERMELON">
                             <p class="tasteTitle">WATERMELON</p>
                         </div>
                         <div class="tasteItem" data-id="4">
@@ -78,8 +78,8 @@
                                 <input class="tasteInput" id="GRAPE-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/GRAPE.jpg"
+                                 data-original="/assets/index/asstes/flavors/GRAPE.jpg" alt="">
                             <p class="tasteTitle">GRAPE</p>
                         </div>
                         <div class="tasteItem" data-id="5">
@@ -88,8 +88,8 @@
                                 <input class="tasteInput" id="KIWI-PASSION-FRUIT-GUAVA-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/KIWI-PASSIONFRUIT-GUAVA.jpg"
+                                 data-original="/assets/index/asstes/flavors/KIWI-PASSIONFRUIT-GUAVA.jpg" alt="">
                             <p class="tasteTitle">KIWI-PASSION-FRUIT-GUAVA</p>
                         </div>
                         <div class="tasteItem" data-id="6">
@@ -98,8 +98,8 @@
                                 <input class="tasteInput" id="JUICY-PEACH-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/JUICY-PEACH.jpg"
+                                 data-original="/assets/index/asstes/flavors/JUICY-PEACH.jpg" alt="">
                             <p class="tasteTitle">JUICY-PEACH</p>
                         </div>
                         <div class="tasteItem" data-id="7">
@@ -108,8 +108,8 @@
                                 <input class="tasteInput" id="BLUEBERRY-ICE-NUM" value="0" type="text">
                                 <div class="tasteAdd">+</div>
                             </div>
-                            <img class="tasteImg lazy" src="/assets/index/asstes/icon/transparent.png"
-                                 data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
+                            <img class="tasteImg lazy" src="/assets/index/asstes/flavors/BLUEBERRY-ICE.jpg"
+                                 data-original="/assets/index/asstes/flavors/BLUEBERRY-ICE.jpg" alt="">
                             <p class="tasteTitle">BLUEBERRY-ICE</p>
                         </div>
                     </div>

public/assets/index/css/productDetails.css

@@ -128,7 +128,7 @@ body{
   display: flex;
   align-items: center;
   gap: .16rem;
-  margin-bottom: .12rem;
+  margin-bottom: .10rem;
 }
 .tasteInput{
   height: 100%;