简单星星评价功能，小程序mpvue

首先给大家看看效果图：

星星评价

写小程序用的是美团的mp-vue框架,写法基本和vue一致
直接讲原理吧，总共两张图片：

没颜色的星星 有颜色的星星

html代码片段：

  
  
  
  
  
  
  
  
  
  
  非常好
  好
  中等
  一般
  差

js代码片段：

data () {
  return {
    activeNum: 0,
    noStarUrl: 'http://common.static.sangeayi.cn/shop_wx/images/icon_star_border.png',
    starUrl: 'http://common.static.sangeayi.cn/shop_wx/images/icon_star_green.png'
  }
},

methods: {
    addStar (num) {
      let that = this
      that.activeNum = num
    }
}