zoukankan      html  css  js  c++  java
  • for循环,绑定点击事件,二维数组列表渲染

    //数组
    <view class="mu_info_photo">
    <view wx:for="{{found_info.imageUrls}}" class="mu_info_photo_detail">
    <image src="{{item[1]}}" class="mu_info_photo_detail_img" bindtap='showBigImg' data-select="{{item[0]}}"></image>
    </view>
    </view>
    //轮播图数组
    <view class="wu_info_bigPhoto" bindtap='wu_info_remove' wx:else>
    <swiper duration='{{duration}}' class="wu_info_swiper" current='{{current}}'>
    <swiper-item wx:for="{{found_info.imageUrls}}" wx:key="data">
    <image src="{{item[2]}}" class="wu_info_photo_detail_Bigimg"></image>
    <view class="wu_info_black_floor"></view>
    </swiper-item>
    </swiper>
    </view>
     
     
    Page({
    data: {
    duration: 500,
    isBig: true,
    current: 0,
    imageUrls: [[0, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img1.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img1.png"], [1, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img2.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img2.png"], [2, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img3.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img3.png"], [3, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img4.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img4.png"], [4, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img5.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img5.png"], [5, "http://owludbr5z.bkt.clouddn.com/foundus/fondus_fondus_img6.png", "http://owludbr5z.bkt.clouddn.com/foundus/fondus_big_foundus_img6.png"]]
    },
    })
  • 相关阅读:
    TextEdit 使用Mask验证输入格式为邮箱
    大牛博客收藏
    WPF的Dispatcher类里的BeginInvoke,Invoke,InvokeAsync
    DispatcherPriority 枚举
    WPF 线程处理
    Winform UI线程和处理线程交互(进度更新显示)
    C# DataTable 类使用
    string.Format对C#字符串格式化
    C# 线程学习记录
    WPF 控件库
  • 原文地址:https://www.cnblogs.com/dyzw/p/7787606.html
Copyright © 2011-2022 走看看