1.0.3 • Published 3 years ago

cc-swiper-xxx v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

cc-swiper

Project install

npm install cc-swiper-xxx --save

全局导入插件

// 在main.js中导入
import CcSwiper from 'cc-swiper-xxx'
Vue.use(CcSwiper)

使用

<cc-swiper :config="config"></cc-swiper>

配置

config: {
          size: {
                 width:"600px",//宽
                 height:"300px"//高
                }
          // direction: 'vertical', // 垂直切换选项
          loop: true, // 循环模式选项
          
          // 如果需要分页器
          // pagination: {
          //   el: '.swiper-pagination',
          // },
          
          // 如果需要前进后退按钮
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          }, 
          
          // // 如果需要滚动条
          // scrollbar: {
          //   el: '.swiper-scrollbar',
          // },
        }