优化首页轮播图

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

@@ -4,57 +4,15 @@
  * See COPYING.txt for license details.
  */
 ?>
-<style>
-    ul,li{
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    #box{
-        width: 100%;
-        height: 280px;
-        margin: 100px auto;
-    }
-    #box .list li{
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: none;
-    }
-    #box .list li.current{
-        display: block;
-    }
-    #box .count{
-        position: absolute;
-        left: 10px;
-        bottom: 10px;
-    }
-    #box .count li{
-        float: left;
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        background-color: #fa0;
-        text-align: center;
-        line-height: 20px;
-        margin-left: 10px;
-        color: #fff;
-        opacity: 0.8;
-        cursor: pointer;
-    }
-    #box .count li.current{
-        background-color: #f60;
-        opacity: 1;
-    }
-</style>
 <div id="box">
     <ul class="list">
-        <li class="current"><img src="http://www.joshine.vip/media/slidebanner/2/_/2_1_.jpg" alt=""></li>
+        <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>
+        </li>
         <li><img src="http://www.joshine.vip/media/slidebanner/1/_/1_1_.jpg" alt=""></li>
     </ul>
     <ul class="count">
-        <li class="current">1</li>
-        <li>2</li>
+        <li class="current"></li>
+        <li></li>
     </ul>
 </div>
\ No newline at end of file

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

@@ -198,6 +198,7 @@
     margin: 0;
 }
 footer{
+    margin-top: 20px;
     background: #000;
     color: #fff;
     padding: 10px ;
@@ -554,43 +555,51 @@ ul {
   line-height: 1;
 }
 
-.wrapper_slider {
-  .banner_item {
-    position: relative;
-    img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: -1;
-    }
-    &:first-child {
-      img {
-        position: static;
-      }
-    }
-  }
-  .owl-wrapper-outer{
-    .owl-wrapper{
-      .owl-item{
-        .banner_item{
-          img{
-            width: 100%;
-            height: auto;
-          }
-        }
-      }
-    }
-  }
-  .owl-theme {
-    .owl-controls {
-      .owl-buttons {
-        .owl-prev {
-          left: 20px;
-        }
-        .owl-next {
-          right: 20px;
-        }
-      }
-    }
-  }
+//首页轮播图
+#box > ul,li{
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+#box{
+  width: 100%;
+  height: 280px;
+  margin: 100px auto;
+}
+#box .list li{
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: none;
+}
+#box .list li.current{
+  display: block;
+}
+#box .count{
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+  width: 100%;
+  padding: 0.625rem 0;
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+}
+#box .count li{
+  float: left;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: #000;
+  text-align: center;
+  line-height: 20px;
+  margin-left: 10px;
+  color: #fff;
+  opacity: 0.8;
+  cursor: pointer;
+}
+#box .count li.current{
+  background-color: #fff;
+  opacity: 1;
 }
\ No newline at end of file