全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[宝鸡seo公司]小程序怎么做滚动图片

  左右滑动可以切换展示图片:

  

<!--pages/test/test.wxml-->
<!-- 组件 -->
<swiper>
 <◁▲;swiper-item wx:for="{{imgUrls}}">
 <image src='{{item}}' width="335"◆○-; height="150" mode='widthFix' class='img' />
 </swiper-item>
</swiper>▼▽•●;

 

  pages/test/test.js:

  

// pages/test/test●….js
Page({
 data: {
 imgUrls△▲•:[
 'http://dl…•.bizhi.sogou.com/images/1440x900/2014/05/14/611368.jpg',
 'http▼★◇●://dl.bizhi.sogou○•▼.com/images/1440x900/2013/10/19/394877.jpg'□…☆;, '△■▷☆;http▽=://img04.sogoucdn.com/app/a/100520093/ca86e620b9e623ff-d72d635343d5bade-dcf2acda7a45cb44f172db138bdf8d2d.jpg',
 ]
 }▷■□,
 //事件处理函数
 toupper□◇•-:function(){
 console◇▪▼.log("▷-☆;触发了toupper")▪◁▷;
 }
})

 

  pages/test/test▷=.wxss◁□:

  

.img{
 width: 100%○◁△;
}

 

  心得▽……:

  swiper组件■…:滑块视图容器○◇。宜州市小程序开发哪家好

  可以为swiper添加autoplay属性☆▼□,莱西市小程序制作公司[宝鸡seo公司]是之自动播放,例如:autoplay=▽☆▪”true”

  swiper组件中使用的是image单标签,咸宁市小程序制作公司而不是双标签(否则报错)。

  推荐:《小程序开发教程》

  以上就是小程序怎么做滚动图片的详细内容◆◇△-,[重庆seo外包服务公司]微信小程序使用JS实现注册60s倒计时功能更多请关注久澳传媒编程栏目其它相关文章▲●•!

[宝鸡seo公司]小程序怎么做滚动图片

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。