欢迎光临，了解微信小程序开发，就上易用通！

小程序开发

首页

开发文档

教程 文档 BUG 入门

运营教程

业界 测评 经验 问答

小程序模板

餐饮 互联网 教育培训 旅游 汽车 生活服务 医疗保健 艺术生活 招聘 娱乐 活动 装修 食品 科技 游戏 其他

小程序应用

模板 文档 应用

<block wx:for="{{weekDay}}" wx:key="item.index">
          <view data-key="{{index}}" bindtap='select_d' class="day_list {{d_state==index?'red_day':''}}">
            <text>{{item.day_n}}</text>
            <text class='{{item.dian_class}} {{item.state==0?"dian_none":"dian_block"}}'></text>
          </view>
</block>

.dian_none{
  display: none!important;
}
.dian_block{
  display: block!important;
}
.red_day{
  background-color: #e33c3c;
  color: #ffffff; 
}
.dian_d{
  width: 9rpx;
  height: 9rpx;
  background-color: #d8d8d8;
  border-radius: 50%;
  display: block;
}

data: {
    date_week:["日","一","二","三","四","五","六"],
    weekDay:[
      {
        day_n:"26",
        dian_class:""
      }, {
        day_n: "27",
        dian_class: ""
      },{
        day_n: "28",
        dian_class: ""
      }, {
        day_n: "29",
        dian_class: ""
      }, {
        day_n: "30",
        dian_class: ""
      }, {
        day_n: "1",
        dian_class: "dian_d",
        state:1
      }, {
        day_n: "2",
        dian_class: "dian_d",
        state:1
      }
   ],
　　 d_state:"0",
},
select_d:function(e){
    var array = this.data.weekDay;
    var index=e.currentTarget.dataset.key;
    if (array[index].dian_class =="dian_d"){
      for (var i = 0; i < array.length; i++) {
        if (array[i].dian_class == "dian_d") {
          array[i].state = 1;
        }
      }
      array[index].state = 0;
    } else if (array[index].dian_class ==""){
      for (var i = 0; i < array.length; i++){
        if(array[i].dian_class=="dian_d"){
          array[i].state = 1;
        }
      } 
    }
    this.setData({
      d_state:e.currentTarget.dataset.key,
      weekDay:this.data.weekDay
    });
  }