nice哥的博客

汪洋大海中摇摇欲坠

微信小程序星级评分

wxml文件

<view class='star_container'>
    <image class='star_icon' bindtap='starClick' id='1' src="{{curStarIndex<1?'../../images/star_gray.png':'../../images/star_light.png'}}"></image>
    <image class='star_icon' bindtap='starClick' id='2' src="{{curStarIndex<2?'../../images/star_gray.png':'../../images/star_light.png'}}"></image>
    <image class='star_icon' bindtap='starClick' id='3' src="{{curStarIndex<3?'../../images/star_gray.png':'../../images/star_light.png'}}"></image>
    <image class='star_icon' bindtap='starClick' id='4' src="{{curStarIndex<4?'../../images/star_gray.png':'../../images/star_light.png'}}"></image>
    <image class='star_icon' bindtap='starClick' id='5' src="{{curStarIndex<5?'../../images/star_gray.png':'../../images/star_light.png'}}"></image>
  </view>

js文件

starClick: function (e) {
    var index = parseInt(e.currentTarget.id);
    this.setData({
      curStarIndex: index,
    });
  }

效果如图所示


阅读更多
版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013982652/article/details/80336488
个人分类: 微信小程序
想对作者说点什么? 我来说一句

微信程序-五星评分

.wxml

Kaiccy Kaiccy

2017-06-23 11:54:59

阅读数:910

没有更多推荐了,返回首页

不良信息举报

微信小程序星级评分

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭