你好，swiper的一个demo里使用两个分页器能分享一下html怎么写的么？谢谢啦

js例：

<script>

var swiper = new Swiper('.module01 .swiper-container', {

pagination: '.module01 .swiper-pagination',

paginationClickable: true,

autoplay : 1000

})

var swiper = new Swiper('.module02 .swiper-container', {

slidesPerView:5,

paginationClickable: true,

spaceBetween:0,

freeMode: true

})

</script>

获取他们共用的class的时候加上父元素区分开。

写style的时候.swiper-container和.swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。

个人用法运用需考虑。

将插件下载下来后，你可以在页面里直接引入插件，比如：

<link href="插件css"/>

<script src="插件js"></script>

2. 也可以用node包去安装，然后用import 去引用

比如在vue里引入引入swiper:

安装：npm install vue-awesome-swiper --save

在main.js里全局注册：

Vue.use(VueAwesomeSwiper)

引入其css:

require('swiper/dist/css/swiper.css')

在模板里引入js：

import { swiper, swiperSlide } from 'vue-awesome-swiper'

在模板里注册组件：

components: {

swiper,

swiperSlide

}

var mySwiper = new Swiper('.swiper-container',{

initialSlide :2,

}) 看了下文档API，试试这个。

---