更新记录
1.0.0(2019-12-09)
swiper定制化,修改了圆角样式,循环时长
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
组件简介
该组件基于uniapp基础组件库,进行风格改版,适用于多端得幻灯片组件
快速开始
直接下载组件在需要用的页面中注册组件
<template>
<zc-swiper :imgList="list"></zc-swiper>
</template>
<script>
import zcSwiper from '@/components/zc-swiper/zc-swipe.vue'
export default{
components:{
'zc-swiper':zcSwiper
},
data(){
return{
list:[]
}
}
}
</script>
命令解释
npm i zc-swipe-action
在使用得项目终端中使用npm安装插件
在项目得main.js中全局注册组件
import imgSwiper from 'zc-swipe-action'//imgSwiper可自定义
Vue.component('imgSwiper',imgSwiper)
全局注册后,直接在需要引入得页面使用插件即可,不需再在页面中单独引用