wxml代码:
<block wx:for="{{start}}" wx:key="index">
<image src="{{fraction>=item?'/images/21_06.png':'/images/21_08.png'}}" class='start' data-current="{{item}}" bindtap='startIcon'></image>
</block>
<view>评分:{{fraction}}</view>
js代码:
Page({
/**
* 页面的初始数据
*/
data: {
start: [1, 2, 3, 4, 5],
fraction:0
},
//星级评价
startIcon: function (e) {
var start = Number(e.currentTarget.dataset.current);
this.setData({
fraction:start
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
})
效果图:
注意:
1:评分只能是整数
2:image:21_06.png是高亮图片,21_07.png是普通图片