vue2+swiper5

最新推荐文章于 2024-06-19 22:36:06 发布

weixin_58412143

最新推荐文章于 2024-06-19 22:36:06 发布

阅读量138

点赞数

文章标签： html javascript css

本文链接：https://blog.csdn.net/weixin_58412143/article/details/129277818

版权

npm 下载

npm i swiper@5

HTML

<div class="swiper">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="item p-15">
                        <div class="product">
                          <div class="product-thumb"> <img alt="案例一" src="../../img/dianshang1.png"
                              class="img-responsive">
                            <div class="overlay"> <span class="add-to-wishlist"> <a title="" data-toggle="tooltip"
                                  @click="todianshangxitong"><i class="fa fa-eye"></i></a> </span> </div>
                          </div>
                          <div class="product-details text-center"> <a @click="todianshangxitong" title="案例一"
                              class="product-link">
                              <h5 class="product-title">案例一</h5>
                            </a> <a class="btn btn-default btn-xs btn-cart" @click="todianshangxitong">查看更多</a> </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="item p-15">
                        <div class="product">