微信小程序--动态添加class样式

/** app.wxss **/
@import "common.wxss";

<view style="color:{{color}};" />

<view class="normal_view" />

<button bindtap="bindTabTap" class="btn1 {{signItem.class}}" data-index="{{signItem}}">{{signItem.state}}</button>

//添加class样式
        for (var i = 0; i < list.length; ++i) {
          if (list[i].status === 1) {   //当状态为1的时候显示已签，返回okSigin的class样式，class在wxss已设置
            list[i].class = ‘okSigin‘;
            list[i].state = ‘已签‘;
            continue;
          }
          list[i].class = ‘noSigin‘;  //当状态为0的时候显示未签，返回noSigin的class样式，class在wxss已设置
          list[i].state = ‘未签‘;
        }

<button bindtap="redirect" data-text="{{signItem.text}}" data-type="{{signItem.type}}" data-state="{{signItem.state}}" hover-class="none">   //设置button
    <view class="scroll">
      <view class="radius1"></view>
      <text class="text1">{{signItem.text}}</text>
      <button bindtap="bindTabTap" class="btn1 {{signItem.class}}" data-index="{{signItem}}">{{signItem.state}}</button>
    </view>
    </button>

//点击button
redirect :function (e) {
    var text = e.target.dataset.text;
    var type = e.target.dataset.type;
    var state = e.target.dataset.state;
    if (state === ‘已签‘) {    //已签状态是，禁止用户再次签到
      return;
    }
    wx.navigateTo({
      url: ‘../signInDetails/signInDetails?text=‘ + text + ‘&&type=‘ + type,   //页面传参到下一个页面
      success: function(res){
        // success
       
      },
      fail: function() {
        // fail
      },
      complete: function() {
        // complete
      }
    })
  },

 <view class="scroll">{{text}}<span style="display:none">{{type}}</span></view>

 var text = options.text;
    var type = options.type;
    that.setData({
      text: text,
      type: type
    })