html52.com
我爱小程序-开发者交流社区

帮忙看看,为什么实现不了多张图片

//.js

Page({


  /**

   * 页面的初始数据

   */

  data: {

    currentTab: 0,

    

    imgalist0: [ 'https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/309586315285779976.jpg',

      'https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/e6b5f06c7655fd7fa9699987c4578641_u%3D1837457002%2C1490875854%26fm%3D27%26gp%3D0.jpg' 

              ],

    imgalist1: ['https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/e6b5f06c7655fd7fa9699987c4578641_u%3D1837457002%2C1490875854%26fm%3D27%26gp%3D0.jpg',

      'https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/309586315285779976.jpg' 

    ],

    imgalist2: ['https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/309586315285779976.jpg',

'https://lg-1c7jwm16-1257218715.cos.ap-shanghai.myqcloud.com/309586315285779976.jpg'

    ]

  

  },

   /** 

     * 预览图片

     */

  previewImage: function (e) {

    var current = e.target.dataset.src;

    wx.previewImage({

      current: current, // 当前显示图片的http链接

      urls: this.data.imgalist0,

      urls: this.data.imgalist1,

      urls: this.data.imgalist2,// 需要预览的图片http链接列表

    })

  }

  })

  

  

  

  

  

  

<!--pages/index/index/tb/tb.wxml-->

<view class="swiper-tab">

    <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">第一个</view>

    <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">第二个</view>

    <view class="swiper-tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="clickTab">第三个</view>

</view>


<view>

<swiper current="{{currentTab}}" duration="300"  bindchange="swiperTab">

<swiper-item>

<view wx:for="{{imgalist0}}"  wx:key="key" wx:for-item="image" class="previewimg">

<image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>

</view>

</swiper-item>

<swiper-item>

<view wx:for="{{imgalist1}}"  wx:key="key" wx:for-item="image" class="previewimg">

<image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>

</view>

</swiper-item>

<swiper-item>

<view wx:for="{{imgalist2}}"  wx:key="key" wx:for-item="image" class="previewimg">

<image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>

</view>

</swiper-item>


</swiper>

</view>


商品可以实现分类啦,在每个分类下放两张图片以上,却只能显示一张图片的内容,这是为什么,编辑器也没有显示代码有出现错误,但是就是显示不了,我想要的效果,求大家帮忙看看,这是为什么?


网友回复

张捷:

把三个数组合并在一起 然后再赋值urls

卢霄霄:

urls:["图一", "图二", "图三"]

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付