小程序幻灯片与地区选择器

wxml:

<!--幻灯片-->

<swiper indicator-dots="{{true}}" autoplay="{{true}}">

  <view wx:for="{{imageurl}}" wx:key="{{index}}"> 

    <swiper-item>

      <image aspectFill src="{{item}}"></image>

    </swiper-item>

  </view>

</swiper>

<!--地区选择器-->

<view>

  <picker mode='region' bindchange="handleChange"> 

  <view>{{location}}</view>

  </picker>

</view>

js:

Page({

  /**

   * 页面的初始数据

   */

  data: {

    imageurl:["https://n.sinaimg.cn/fashion/350/w210h140/20200527/d44d-itzixrt6830583.png",

    "https://n.sinaimg.cn/fashion/transform/560/w280h280/20200527/323f-itzixrt6825485.jpg","https://n.sinaimg.cn/fashion/transform/560/w280h280/20200527/ccaf-itzixrt6827022.jpg"],

  location:"北京市北京市东城区"

  },

 handleChange(e){

  this.setData({

    location:e.detail.value

  })

 }

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。