|
@@ -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>
|