想要实现的效果：

1、点击数字时背景为红色，字体为白色

2、点击1或2时，对应下面的灰点消失，再次点击其他数字时灰点显示

 

wxml:

               
                  
       
        {
   {item.day_n}}
                   
                 
      
     

wxss:

.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;}

 

js:

 

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    });  }