更新记录
1.0.0(2023-05-31)
下载此版本
初始项目
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
piaoyiswiper 卡片式轮播图
使用方法:
<piaoyiskeleton :itemHeight="30" :itemWidth="'95%'" :itemRadius="4" :itemCount="20"
:itemMargin="10" backgroundColor="#f2f2f2"></piaoyiskeleton>
import piaoyiskeleton from '@/components/piaoyi-skeleton/piaoyi-skeleton.vue';
export default {
components: {
piaoyiskeleton
},
};
支持自定义卡片间隔
Prop
属性名称 |
默认值 |
描述 |
itemHeight |
10,内部已定义单位rpx |
子元素高度 |
itemWidth |
95%(百分比) |
子元素宽度 |
itemRadius |
4,内部已定义单位rpx |
子元素圆角 |
itemMargin |
10 |
子元素上下间距 |
backgroundColor |
#f2f2f2 |
子元素背景色 |
可接定制化组件开发
右侧有本人代表作小程序二维码,可以扫码体验
如使用过程中有问题或有一些好的建议,欢迎加QQ群互相学习交流:120594820