欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例

 更新時(shí)間:2017年08月04日 10:34:51   投稿:lqh  
這篇文章主要介紹了微信小程序 五星評(píng)分的實(shí)現(xiàn)實(shí)例的相關(guān)資料,這里提供實(shí)現(xiàn)實(shí)例幫助大家實(shí)現(xiàn)改功能,需要的朋友可以參考下

微信小程序 五星評(píng)分

五星級(jí)評(píng)分效果:

<view>
  <view class="zan-font-16 my-ib" bindtap="myStarChoose">
    <block wx:for="{{starMap}}">
      <text wx:if="{{star>=index+1}}" style="padding-right: .5em" class="zan-c-red" data-star="{{index+1}}">★</text>
      <text wx:if="{{star<index+1}}" style="padding-right: .5em" class="zan-c-gray-dark" data-star="{{index+1}}">☆</text>
    </block>
  </view>
  <!--★-->
  <text class="zan-c-gray-dark">{{starMap[star-1]}}</text>
</view>

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

這里的my-ib只是將設(shè)置display為inline-block。

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

效果如圖:

以上就是微信小程序 五星評(píng)分的實(shí)例,如有疑問請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

相關(guān)文章

  • JavaScript設(shè)計(jì)模式之單例模式應(yīng)用場景案例詳解

    JavaScript設(shè)計(jì)模式之單例模式應(yīng)用場景案例詳解

    這篇文章主要為大家介紹了JavaScript中單例模式的應(yīng)用場景案例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-05-05
  • Google 地圖API Map()構(gòu)造器詳解

    Google 地圖API Map()構(gòu)造器詳解

    本文主要介紹Google 地圖API Map(),這里對(duì)Map()構(gòu)造器的知識(shí)做了一下整理以及提供簡單的代碼示例,開發(fā)Google 地圖應(yīng)用的朋友可以參考下
    2016-08-08
  • Google 地圖疊加層實(shí)例講解

    Google 地圖疊加層實(shí)例講解

    本文主要介紹Google 地圖疊加層,這里幫大家整理了Google地圖疊加層一些實(shí)用代碼并詳細(xì)介紹了相關(guān)知識(shí),有需要的小伙伴可以參考下
    2016-08-08
  • JavaScript嚴(yán)格模式use strict的介紹

    JavaScript嚴(yán)格模式use strict的介紹

    這篇文章主要介紹了JavaScript嚴(yán)格模式use strict,嚴(yán)格模式是JavaScript中的一種限制性更強(qiáng)的變種方式。嚴(yán)格模式并不是JavaScript中的子集,它在語義上與正常的代碼有明顯的差異,下面我們就一起來學(xué)習(xí)該內(nèi)容吧,需要的朋友也可以參考一下
    2021-12-12
  • 使用Sonarqube掃描Javascript代碼的示例

    使用Sonarqube掃描Javascript代碼的示例

    今天小編就為大家分享一篇關(guān)于使用Sonarqube掃描Javascript代碼的示例,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧
    2018-12-12
  • fabric.js圖層功能獨(dú)立顯隱?添加?刪除?預(yù)覽實(shí)現(xiàn)詳解

    fabric.js圖層功能獨(dú)立顯隱?添加?刪除?預(yù)覽實(shí)現(xiàn)詳解

    這篇文章主要為大家介紹了fabric.js圖層功能獨(dú)立顯隱?添加?刪除?預(yù)覽實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-05-05
  • 微信小程序中form 表單提交和取值實(shí)例詳解

    微信小程序中form 表單提交和取值實(shí)例詳解

    這篇文章主要介紹了微信小程序中form 表單提交和取值實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-04-04
  • 微信小程序  action-sheet詳解及實(shí)例代碼

    微信小程序 action-sheet詳解及實(shí)例代碼

    這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • 前端算法leetcode109題解有序鏈表轉(zhuǎn)換二叉搜索樹

    前端算法leetcode109題解有序鏈表轉(zhuǎn)換二叉搜索樹

    這篇文章主要為大家介紹了前端算法leetcode109題解有序鏈表轉(zhuǎn)換二叉搜索樹示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-09-09
  • Google 地圖控件集詳解及實(shí)例代碼

    Google 地圖控件集詳解及實(shí)例代碼

    本文主要介紹Google 地圖控件集,這里幫大家整理了關(guān)于Google地圖控件集的基礎(chǔ)知識(shí),詳細(xì)介紹了控件的功能,并附示例代碼,有需要的小伙伴可以參考下
    2016-08-08

最新評(píng)論