微信公众号开发

小程序的swiper组件

本文主要是介绍小程序的swiper组件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

滑块视图容器

swiper | 微信开放文档

简单的滑动图片

wxml 中定义

<swiper>
  <swiper-item wx:for="{{imgUrls}}">
    <image src="{{item}}" width="355" height="150"/>
  </swiper-item>
</swiper>

js 中定义

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrls: [
      'https://img.alicdn.com/tfs/TB1FjZ7VWL7gK0jSZFBXXXZZpXa-520-280.png',
      'https://gtms03.alicdn.com/tps/i3/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg',
      'https://gtms01.alicdn.com/tps/i1/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg'
    ],

图片

 

这篇关于小程序的swiper组件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!