请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

jeesite

 找回密码
 注册新会员
查看: 369|回复: 0

[意见] 微信小程序点击移除添加class(点击改变背景颜色和字体...

[复制链接]
admin 发表于 2018-6-22 11:06:27 | 显示全部楼层 |阅读模式
  1. https://blog.csdn.net/dKnightL/article/details/76068193
复制代码



微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

源码下载:http://download.csdn.net/download/dknightl/9939872

这里写图片描述

    <!--页面-->
    <view class="info_choose ">
        <view class="catalog_name">花色</view>

        <view class="catalog_items display-flex-row" >
          <block wx:for="{{catalogs}}">
            <text data-select="{{item.select}}" class="{{item.select == catalogSelect ? 'active':''}} catalog_item" bindtap="chooseCatalog">{{item.catalogName}}</text>
          </block>
        </view>
    </view>
1
2
3
4
5
6
7
8
9
10

//js代码

Page({
    data: {

        catalogs:[
          { "catalogName": "卡其卡其",
            "select":1         
          },
          {
            "catalogName": "其卡其卡卡其卡其",
            "select": 2
          },
          {
            "catalogName": "鲤鱼鲤鱼",
            "select": 3
          },
          {
            "catalogName": "神迹神迹卡其卡其",
            "select": 4
          },  

        ],
        catalogSelect:0,//判断是否选中
    },

    chooseCatalog:function(data){
      var that=this;
      that.setData({//把选中值放入判断值
        catalogSelect : data.currentTarget.dataset.select
      })


    }
})
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册新会员

本版积分规则

QQ|手机版|小黑屋|Archiver|jeesite 官方论坛. ( 吉ICP备12004769号  

GMT+8, 2018-11-16 11:00 , Processed in 0.140625 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表