• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序for循环添加样式1

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

wxml:

<view class='kjcz_list'> 
    <block wx:for="{{kjcz_object}}" wx:key="{index}">
    <view class="kjcz_content {{num==index?'current':''}}" catchtap='switchTab'  data-index="{{index}}">
      <view>{{item.kjcz_cz}}</view>
      <view class='{{item.h_class}}'>赠送:{{item.kjcz_zs}}元</view>
    </view>
    </block> 
    <view class="kjcz_content {{define==false?'current':''}}" catchtap='switchTab1'>
      <view>自定义金额</view>
    </view>
  </view> 
  <view class='look_data'>点击查看余额/充值记录</view>
  <view class='dz_m'>到账金额:¥{{totalNum}}</view>
  <view class='zf_now'>立即充值({{czNum}})</view>

 

js:

data: {
    num:0,
    czNum:2000,
    define:true,
    totalNum:2100,
    kjcz_object:[
      {
        kjcz_cz:"2000元",
        kjcz_zs:"100",
      },
      {
        kjcz_cz: "5000元",
        kjcz_zs: "1000"
      },
      {
        kjcz_cz: "10000元",
        kjcz_zs: "3000"
      },
      {
        kjcz_cz: "20000元",
        kjcz_zs: "10000"
      },
      {
        kjcz_cz: "5000元",
        kjcz_zs: "1000"
      }
    ]
  },
  switchTab: function (e) {
    let index = parseInt(e.currentTarget.dataset.index);
    var that = this
    var cz_num = that.data.kjcz_object[index].kjcz_cz;
    cz_num=parseInt(cz_num.substring(0,cz_num.length-1));
    var kjcz_zs=parseInt(that.data.kjcz_object[index].kjcz_zs);
    var cz_total=cz_num+kjcz_zs;
    // console.log(cz_num)
    that.setData({
      num: index,
      czNum: cz_num,
      define:true,
      totalNum:cz_total
    })
  },
  switchTab1:function(e){
    var that=this;
    let define = that.data.define;
     define=!define;
    that.setData({
      define:define,
      num:5
    })
  },

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap