Browse Source

修改移动端banner和发展历程bug

master
等你 2 months ago
parent
commit
ec3faef3c4

BIN
dev/static/images/index/banner.gif View File


+ 1
- 1
src/pages/index/App.js View File

283
         let historySwiperText=document.querySelectorAll(".historySwiper .text");
283
         let historySwiperText=document.querySelectorAll(".historySwiper .text");
284
         historySwiperText.forEach(item=>{
284
         historySwiperText.forEach(item=>{
285
             let txt=item.innerText;
285
             let txt=item.innerText;
286
-            let textNew = txt.replace('@', '<br>');
286
+            let textNew = txt.replace(/@/g, '<br>');
287
             item.innerHTML=textNew;
287
             item.innerHTML=textNew;
288
         });
288
         });
289
         allNum.textContent=historySlides.length;
289
         allNum.textContent=historySlides.length;

+ 4
- 4
src/pages/index/index.html View File

25
       <div class="wow domInUp banner">
25
       <div class="wow domInUp banner">
26
         <div class="swiper bannerSwiper">
26
         <div class="swiper bannerSwiper">
27
           <div class="swiper-wrapper">
27
           <div class="swiper-wrapper">
28
-            <div class="swiper-slide">
29
-              <!-- <img
28
+            <div class="swiper-slide bannerS1">
29
+              <img
30
                 class="lazy"
30
                 class="lazy"
31
                 data-src="./static/images/index/banner1.jpg"
31
                 data-src="./static/images/index/banner1.jpg"
32
-                data-srcM="./static/images/index/banner1m.jpg"
32
+                data-srcM="./static/images/index/banner.gif"
33
                 alt=""
33
                 alt=""
34
-              />-->
34
+              />
35
               <!-- 用视频就用下面的,把图片删除 -->
35
               <!-- 用视频就用下面的,把图片删除 -->
36
               <video
36
               <video
37
                 class="lazy"
37
                 class="lazy"

+ 13
- 0
src/pages/index/index.less View File

21
         height: 100%;
21
         height: 100%;
22
         object-fit: cover;
22
         object-fit: cover;
23
       }
23
       }
24
+      .bannerS1{
25
+        img{
26
+          display: none;
27
+        }
28
+      }
24
       .title{
29
       .title{
25
         text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.28);
30
         text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.28);
26
       }
31
       }
936
       display: none;
941
       display: none;
937
     }
942
     }
938
     .bannerSwiper{
943
     .bannerSwiper{
944
+      .bannerS1{
945
+        img{
946
+          display: block;
947
+        }
948
+        video{
949
+          display: none;
950
+        }
951
+      }
939
       .swiper-pagination{
952
       .swiper-pagination{
940
         display: block;
953
         display: block;
941
         bottom: 60px;
954
         bottom: 60px;

Loading…
Cancel
Save