返回首页 | 金赞娱乐场

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

[编码]微信小程序五星级评分效果

时间:2017-08-02 编辑:admin

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,
});

效果如图:


浏览:

网站建设

流程

    网站建设流程