微信小程序开发22__在列表中 高亮选中某一项

思考一个问题:   在一个列表中，怎样实现高亮选中 某一项呢?

 

我们先看要实现的效果图

相应的wxml页面，gaoliang.wxml

{{item}}

样式文件 gaoliang.wxss

.active {
  color:red;
  padding-top: 20px;
  padding-left: 30px;
  
}

.unclick{
  color: blue;
  padding-top: 20px;
  padding-left: 30px;
}

然后看 gaoliang.js

  data: {
    info: ['星期一','星期二','星期三','星期四','星期五','星期六','星期日'],
    num: -1, //上次选中星期几的 序号
  },
  onLoad(options) {
  },
  light(e){
    this.setData({num: e.target.dataset.index});
  },

通过以上步骤， 即实现了   用于选中某一项就高亮选中， 其他不选中