蓬莱百度微信小程序_微信小程序 五星评分(包括

日期:2021-01-12 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

微信小程序 五星评分(包括半颗星评分)实例代码     投稿:lqh   这篇文章主要介绍了微信小程序 五星评分(包括半颗星评分)实例代码的相关资料,需要的朋友可以参考下

代码:

1.index.wxml

 !--index.wxml-- 
 block wx:for="{{stars}}" 
 image src="{{key item (key-item == 0.5 halfSrc:selectedSrc) : normalSrc}}" 
 view data-key="{{item+0.5}}" bindtap="selectLeft" /view 
 view data-key="{{item+1}}" bindtap="selectRight" /view 
 /image 
 /block 

2.index.wxss

.star-image {
 position: absolute;
 top: 50rpx;
 width: 150rpx;
 height: 150rpx;
 src: "../../images/normal.png";