微信小程序点击更改样式-点击获得下划线

1. 以上代码是wxml里面的view。wx:for遍历js代码data里面的topics，wx:for-index：指定数组当前下标的变量名，wx:for-item：指定数组当前元素的变量名。
2. bindtap是点击事件 触发clickTopItem函数，data-yjs是自定义的下标。
3. class=“line”为下划线的样式

.line {
  width: 50%;
  height: 10rpx;
  background: #2066ff;
  border-radius: 5rpx;
}

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    height:'500',
    indexSelect: 0,
    topics: [{
      id: 0,
      title: "精品推荐"
    }, {
      id: 1,
      title: "新手必看"
    }, {
      id: 2,
      title: "C++课程"
    }, {
      id: 3,
      title: "算法课程"
    }, {
      id: 4,
      title: "数学课程"
    }, {
      id: 5,
        title: "python"
    }]
  },
  onLoad: function() {


let that = this;
    wx.getSystemInfo({
      success: function(res) {
        //计算屏幕的高度
        let buffer = (750 / res.windowWidth) * res.windowH