微信小程序系列---【五星好评案例】

.wxml代码：

static文件夹>star.png+starFull.png

<view class="ping">
<block wx:for="{{[1,2,3,4,5]}}" wx:key="*this">
    <image src="/static/{{item>start?'star.png':'starFull.png'}}" 
    data-item="{{item}}"
    bindtap="_change" />
</block>
</view>

.wxss代码：

.ping image{
    80rpx;
    height: 80rpx;
}

.js代码：

 _change:function(e){
        this.setData({
            start:e.currentTarget.dataset.item
        })
    },

 最后看一下效果吧: