优化轮播图增加手机适应图片

app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml

@@ -7,9 +7,16 @@
 <div id="box">
 <div id="box">
     <ul class="list">
     <ul class="list">
         <li class="current">
         <li class="current">
-            <a href="https://www.joshine.com/on-sale"><img src="http://www.joshine.vip/media/slidebanner/2/_/2_1_.jpg" alt="Joshine Flash Sale"></a>
+            <a href="https://www.joshine.com/on-sale">
+                <img src="/media/wysiwyg/2_1_.jpg" alt="Joshine Flash Sale" class="box-pc">
+                <img src="/media/wysiwyg/2_M_1_.jpg" alt="Joshine Flash Sale" class="box-moblie">
+            </a>
         </li>
         </li>
-        <li><img src="http://www.joshine.vip/media/slidebanner/1/_/1_1_.jpg" alt=""></li>
+        <li>
+            <a href="https://www.joshine.com/on-sale">
+                <img src="/media/wysiwyg/1_1_.jpg" alt="" class="box-pc">
+                <img src="/media/wysiwyg/1_M_1_.jpg" alt="" class="box-moblie">
+            </a></li>
     </ul>
     </ul>
     <ul class="count">
     <ul class="count">
         <li class="current"></li>
         <li class="current"></li>

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -603,3 +603,20 @@ ul {
   background-color: #fff;
   background-color: #fff;
   opacity: 1;
   opacity: 1;
 }
 }
+
+@media (min-width: 768px){
+  .box-pc{
+    display: block;
+  }
+  .box-moblie{
+    display: none;
+  }
+}
+@media (max-width: 768px){
+  .box-pc{
+    display: none;
+  }
+  .box-moblie{
+    display: block;
+  }
+}
\ No newline at end of file