• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

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

开发技术 开发技术 2周前 (06-10) 10次浏览

.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{
    width:80rpx;
    height: 80rpx;
}

.js代码:

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

 最后看一下效果吧:

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

 


程序员灯塔
转载请注明原文链接:微信小程序系列—【五星好评案例】
喜欢 (0)