没有这些小程序_微信小程序 五星评分的完成实例

来源: 没有这些小程序      作者:jianzhan      发布时间:
微信小程序 五星评分的实现实例     投稿：lqh   这篇文章主要介绍了微信小程序 五星评分的实现实例的相关资料,这里提供实现实例帮助大家实现改功能，需要的朋友可以参考下
block wx:for="{{starMap}}" text wx:if="{{star =index+1}}" data-star="{{index+1}}" ★ /text text wx:if="{{star index+1}}" data-star="{{index+1}}" ☆ /text /block /view !--★-- text {{starMap[star-1]}} /text /view

这里的zan-font-16,zan-c-red,zan-c-gray-dark是ZanUI-WeApp的样式。

这里的my-ib只是将设置display为inline-block。

Page({
 data: {
 star: 0,
 starMap: [
 '非常差',
 '差',
 '一般',
 '好',
 '非常好',
 myStarChoose(e) {
 let star = parseInt(e.target.dataset.star) || 0;
 this.setData({
 star: star,

效果如图：

以上就是微信小程序 五星评分的实例，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！


相关阅读