Bläddra i källkod

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

master
等你 2 månader sedan
förälder
incheckning
ec3faef3c4
4 ändrade filer med 18 tillägg och 5 borttagningar
  1. Binär
      dev/static/images/index/banner.gif
  2. 1
    1
      src/pages/index/App.js
  3. 4
    4
      src/pages/index/index.html
  4. 13
    0
      src/pages/index/index.less

Binär
dev/static/images/index/banner.gif Visa fil


+ 1
- 1
src/pages/index/App.js Visa fil

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

+ 4
- 4
src/pages/index/index.html Visa fil

@@ -25,13 +25,13 @@
25 25
       <div class="wow domInUp banner">
26 26
         <div class="swiper bannerSwiper">
27 27
           <div class="swiper-wrapper">
28
-            <div class="swiper-slide">
29
-              <!-- <img
28
+            <div class="swiper-slide bannerS1">
29
+              <img
30 30
                 class="lazy"
31 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 33
                 alt=""
34
-              />-->
34
+              />
35 35
               <!-- 用视频就用下面的,把图片删除 -->
36 36
               <video
37 37
                 class="lazy"

+ 13
- 0
src/pages/index/index.less Visa fil

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

Laddar…
Avbryt
Spara