update: 修改公安备案号链接和手机端轮播图适配

src/views/Footer.vue

@@ -34,7 +34,7 @@
           <a href="https://beian.miit.gov.cn" target="_blank"
             >桂ICP备2024040484号-1</a
           >
-          <a href="https://beian.miit.gov.cn" target="_blank"
+          <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=45088105000134" target="_blank"
             >桂公网安备45088105000134号</a
           >
           

src/views/index/slider.vue

@@ -3,6 +3,11 @@
     <div class="slider-container">
     <img class="bg" src="@/assets/image/banner.jpg">
       <div class="box">
+       <div class="text">
+        <h2>小发同城</h2>
+        <h3>店铺商家火热招募中</h3>
+        <p>开店成本低 0元开店</p>
+       </div>
         <div class="sub">
           <el-button :icon="Promotion" color="#ffc114" round size="large" @click="openRegisterForm">
             免费开店
@@ -230,23 +235,53 @@ const formatter2 = (value: number) => {
   width: 100%;
 }
 
+.text{
+  display: none;
+  color: #fff;
+  margin-bottom: 20px;
+
+  h2{
+    font-size: 55px;
+  }
+  h3{
+    font-size: 32px;
+    margin-top: 10px;
+  }
+  p{
+    font-size: 32px;
+    margin-bottom: 10px;
+  }
+  
+}
+
 @media (max-width: 768px) {
+  .text{
+    display: block;
+  }
+  
+  .bg{
+    display: none;
+  }
+
+
+
   .slider-container {
-    background: url("/src/assets/image/banner1.jpg") no-repeat 83.5% 100%;
+    height: 360px;
-    background-size: cover;
+    background: linear-gradient(180deg, #f85535, #f76c50);
-    height: calc(100vh - 100px);
 
     .box {
       width: 100%;
       margin: auto;
-      height: calc(100vh - 100px);
+      height: 360px;
       position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
 
       .sub {
-        position: absolute;
+        position: initial;
-        top: 78%;
+        transform: none;
-        left: 0;
-        transform: translateY(75%);
         text-align: center;
         width: 100%;
 
@@ -258,7 +293,7 @@ const formatter2 = (value: number) => {
   }
 
   .counter_wrapper {
-    margin-top: -20px;
+    margin-top: 20px;
     .container {
       display: flex;
       justify-content: center;