<!-- wxml -->
<view class="starGrade">
? ? <text class="starGradeTxt">評(píng)價(jià)</text>
? ? <view class='scoreBox'>
? ? ? ? <view wx:for="{{starImgs}}" wx:key="id" bindtap='select' data-index="{{item.id}}">
? ? ? ? ? ? <image class="star" src="{{item.id > starId ? star_empty : star_full}}"></image>
? ? ? ? </view>
? ? ? ? <view class='scoreLevel'>{{starImgs[starId - 1].level}}</view>
? ? </view>
</view>

// js
Page({
? ? data:{
? ? ? ? starImgs: [
? ? ? ? ? ? {
? ? ? ? ? ? ? ? id: 1,
? ? ? ? ? ? ? ? level : '非常不推薦',
? ? ? ? ? ? },?
? ? ? ? ? ? {
? ? ? ? ? ? ? ? id: 2,
? ? ? ? ? ? ? ? level : '不推薦',
? ? ? ? ? ? },?
? ? ? ? ? ? {
? ? ? ? ? ? ? ? id: 3,
? ? ? ? ? ? ? ? level : '一般',
? ? ? ? ? ? },?
? ? ? ? ? ? {
? ? ? ? ? ? ? ? id: 4,
? ? ? ? ? ? ? ? level : '推薦',
? ? ? ? ? ? },?
? ? ? ? ? ? {
? ? ? ? ? ? ? ? id: 5,
? ? ? ? ? ? ? ? level : '非常推薦',
? ? ? ? ? ? }
? ? ? ? ],
? ? ? ? starId: 5,
? ? ? ? star_full: '/icons/score_full_big.png',//星星圖標(biāo) 滿星
? ? ? ? star_empty: '/icons/score_empty_big.png',//星星圖標(biāo) 空星
? ? },
? ??
? ? /**
? ? ?* 星級(jí)評(píng)分點(diǎn)擊事件
? ? ?*/
? ? select(e) {
? ? ? ? this.data.starId = e.currentTarget.dataset.index;
? ? ? ? this.setData({
? ? ? ? ? ? starId : this.data.starId,
? ? ? ? })
? ? },
})

<!-- wxml -->
<wxs module="filters" src="../../tools/filter.wxs"></wxs>
<!-- 星級(jí)評(píng)分展示 -->
<view class="container">
? ? <text class="score">{{filters.toFix(Info.grade)}}</text>
? ? <view?
? ? ? ? class="stars"?
? ? ? ? wx:for="{{[1, 2, 3, 4, 5]}}"?
? ? ? ? wx:key="{{index}}"?
? ? ? ? wx:for-item="i">
? ? ? ? <view class="star-full" wx:if="{{Info.grade >= index + 1}}">
? ? ? ? ? ? <image class="image-star" src="../../icons/score_full.png" />
? ? ? ? </view>
? ? ? ? <view class="star-empty" wx:else>
? ? ? ? ? ? <image class="image-star" src="../../icons/score_empty.png" />
? ? ? ? </view>
? ? </view>
</view>

// filter.wxs
var filters = {
? ? toFix: function (value) { ? ? ??
? ? ? ? var valueNum = parseFloat(value);
? ? ? ? return valueNum.toFixed(1)
? ? ? ? // 保留一位小數(shù)
? ? }
}
?
module.exports = {
? ? toFix: filters.toFix,
}