微信小程序如何实现一个swiper
这篇文章主要介绍了微信小程序如何实现一个swiper，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
专注于为中小企业提供网站设计、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业晋城免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
HTML
css
.swiper-block {
height: 320rpx;
width: 100%;
}
.swiper-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: unset;
text-align: center;
}
.slide-image {
height: 230rpx;
width: 526rpx;
border-radius: 10rpx;
box-shadow: 0px 3px 10px 0px rgba(51, 51, 51, 0.3);
margin: 0 rpx 30rpx;
z-index: 1;
}
.active {
transform: scale(1.21);
transition: all 0.2s ease-in 0s;
z-index: 20;
}js
swiperChange(e) {
const that = this;
that.setData({
swiperIndex: e.detail.current,
})
},感谢你能够认真阅读完这篇文章，希望小编分享的“微信小程序如何实现一个swiper”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
标题名称：微信小程序如何实现一个swiper
转载源于：
http://csdahua.cn/article/jjphdp.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
