这篇文章给大家分享的是有关图片轮播组件画廊滑块怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
先上效果图:
& lt; scroll-view scroll-y=皌rue",风格=案叨?200 px",类=皃age-body", bindscrolltolower=發oadMore"比; ,& lt; view 类=皊wiper"比; & lt;才能swiper 类=皊wiper-box", indicator-dots=皗{indicatorDots}}“,垂直=皗{垂直}}, ,,,,,播放=皗{播放}}“,间隔=皗{间隔}}“,时间=皗{时间}}, ,,,,,indicator-color=? fff", indicator-active-color=皉ed"比; ,,,& lt; block 天气:项=皗{banner_url}},,天气:关键=癷tem.id"比; ,,,,,& lt; navigator url=? ./blogList/blogList"比; ,,,,,,& lt; swiper-item> ,,,,,,,& lt; block 天气:如果=皗{项}}“比; ,,,,,,,,& lt; image 类=癶ttps://www.yisu.com/zixun/imgw", src=" {{item.url}} "模式=" aspectFill "/> 图片/default_pic。png”模式=" aspectFill "> 图片> 块> 导航> 块> 偷窃者> 视图> 滚动视图>
wxs
.imgw{宽度:100%;}
js
/* * ,*页面的初始数据 ,*/数据:{ ,banner_url: data.bannerList (), ,开放:假的, ,indicatorDots:真的,//是否显示面板指示点 ,播放:真的,//是否开启自动切换 时间间隔:大敌;3000年,//自动切换时间间隔 ,时间:500//滑动动画时长 }
最终效果: