E企盈营销工具技术服务商 热线:4006-838-530

小程序swiper,微信小程序swiper组件使用

E企盈直播平台营销卖货系统

新建list目录,然后新建list页面,自动创建的方法在前面第一章说了在下面的pages中,会把数组下标为0,也就是第一位当成首页给首页的按钮加上点击事件:handlerClickviewstyle=’display:{{isShow?”none”:”block”}}’catchtap=’handlerClick’class=’goStudy’text开启小程序之旅/text/view/view在index.js中写事件//开启小程序之旅按钮的点击事件handlerClick(){//点击跳转到list页面wx.navigateTo({//把app.json中的路径拿过来前面加上/就可以了url:’/pages/list/list’,})},这样就能实现跳转了在index.json中写配置可以不用像app.json中那么麻烦,如下就是改变导航栏颜色,不用再在外面包一层window{“navigationBarBackgroundColor”:”#FFFF00″}将list.json中的导航栏改一下:{“navigationBarTitleText”:”list的导航栏”}list.wxml!–pages/list/list.wxml–view!–indicator-dots=’true’:是否显示面板指示点,默认为falseindicator-color=’red’:指示点颜色indicator-active-color=’yellow’:当前选中的指示点颜色autoplay=’true’:是否自动切换–swiperindicator-dots=’true’indicator-color=’red’indicator-active-color=’yellow’autoplay=’true’swiper-itemimagesrc=’/images/detail/carousel/1.jpg’/image/swiper-itemswiper-itemimagesrc=’/images/detail/carousel/2.jpeg’/image/swiper-itemswiper-itemimagesrc=’/images/detail/carousel/3.jpg’/image/swiper-itemswiper-itemimagesrc=’/images/detail/carousel/4.png’/image/swiper-item/swiper/viewswiper组件可在小程序开发文档的组件中学习list.wxss/pages/list/list.wxss/swiper{width:100%;height:400rpx;}swiperimage{width:100%;height:100%;}效果图:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序swiper,微信小程序swiper组件使用
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏