shaogen1995 4 years ago
parent
commit
300f1880d5
2 changed files with 12 additions and 6 deletions
  1. 11 5
      web/src/views/tab2/index.vue
  2. 1 1
      web/src/views/tab4/tab4-3.vue

+ 11 - 5
web/src/views/tab2/index.vue

@@ -5,23 +5,23 @@
         <div class="swiper-wrapper">
         <div class="swiper-wrapper">
           <div class="swiper-slide">
           <div class="swiper-slide">
             <img src="../../assets/img/swiper.png" alt="" />
             <img src="../../assets/img/swiper.png" alt="" />
-            111111111
+            <p class="imgName">11111111</p>
           </div>
           </div>
           <div class="swiper-slide">
           <div class="swiper-slide">
             <img src="../../assets/img/swiper2.png" alt="" />
             <img src="../../assets/img/swiper2.png" alt="" />
-            222222222
+            <p class="imgName">222222222222222</p>
           </div>
           </div>
           <div class="swiper-slide">
           <div class="swiper-slide">
             <img src="../../assets/img/swiper3.png" alt="" />
             <img src="../../assets/img/swiper3.png" alt="" />
-            333333333
+            <p class="imgName">333333333</p>
           </div>
           </div>
           <div class="swiper-slide">
           <div class="swiper-slide">
             <img src="../../assets/img/swiper4.png" alt="" />
             <img src="../../assets/img/swiper4.png" alt="" />
-            444444444
+            <p class="imgName">4444444444</p>
           </div>
           </div>
           <div class="swiper-slide">
           <div class="swiper-slide">
             <img src="../../assets/img/swiper5.png" alt="" />
             <img src="../../assets/img/swiper5.png" alt="" />
-            555555555
+            <p class="imgName">5555555555</p>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
@@ -122,5 +122,11 @@ export default {
   --swiper-theme-color: transparent;/* 设置Swiper风格 */
   --swiper-theme-color: transparent;/* 设置Swiper风格 */
   --swiper-navigation-color: transparent;/* 单独设置按钮颜色 */
   --swiper-navigation-color: transparent;/* 单独设置按钮颜色 */
   --swiper-navigation-size: 30px;/* 设置按钮大小 */
   --swiper-navigation-size: 30px;/* 设置按钮大小 */
+  .imgName{
+    margin-top: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; 
+  }
 }
 }
 </style>
 </style>

+ 1 - 1
web/src/views/tab4/tab4-3.vue

@@ -148,7 +148,7 @@ export default {
         font-size: 30px;
         font-size: 30px;
       }
       }
       .txt {
       .txt {
-        font-size: 24px;
+        font-size: 22px;
         /deep/p {
         /deep/p {
           margin: 10px 0;
           margin: 10px 0;
         }
         }