vue轮播图组件（与Swiper结合）

最新推荐文章于 2024-05-24 17:24:45 发布

自带代码增幅

最新推荐文章于 2024-05-24 17:24:45 发布

阅读量732

点赞数

文章标签： css javascript vue.js html html5

本文链接：https://blog.csdn.net/Meuan/article/details/104743343

版权

vue轮播图组件

IOS10版本无法用Swiper3及以上版本

Swiper官网地址：Swiper官网

<!--同步-->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
  <script src='../vue.js'> </script>    <!--引入css、js文件-->
  <style>
    .test{
    
      width: 100px;
      height: 100px;
      background: red;
    }
    .swiper-container {
    
        width: 600px;
        height: 300px;
        background: red;
    }
    img{
    
         width: 600px;
        height: 300px;
    }
  </style>
</head>
<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

自带代码增幅

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue轮播图组件（与Swiper结合）

vue轮播图组件IOS10版本无法用Swiper3及以上版本Swiper官网地址：Swiper官网<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
复制链接

扫一扫