小程序 五星评价

 <view class="comment1-description" style='padding-top:30rpx;'>
          <view class="comment1-description1">整体服务： </view>
          <view class="star-pos">
            <view class="stars  {{flag>=1? 'on': ''}}" bindtap="changeColor1"></view>
            <view class="stars  {{flag>=2? 'on': ''}}" bindtap="changeColor2"></view>
            <view class="stars  {{flag>=3? 'on': ''}}" bindtap="changeColor3"></view>
            <view class="stars  {{flag>=4? 'on': ''}}" bindtap="changeColor4"></view>
            <view class="stars  {{flag>=5? 'on': ''}}" bindtap="changeColor5"></view>
          </view>
        </view>

Page({

  /**
   * 页面的初始数据
   */
  data: {
    flag: 0, //整体服务
  },
   // 整体服务
  changeColor1: function() {
    var that = this;
    that.setData({
      flag: 1
    });
  },
  changeColor2: function() {
    var that = this;
    that.setData({
      flag: 2
    });
  },
  changeColor3: function() {
    var that = this;
    that.setData({
      flag: 3
    });
  },
  changeColor4: function() {
    var that = this;
    that.setData({
      flag: 4
    });
  },
  changeColor5: function() {
    var that = this;
    that.setData({
      flag: 5
    });
  },
})