全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[晋城seo公司认准久澳]微信小程序之实现五星评分的示例

  这篇文章主要介绍了微信小程序 五星评分的实现实例的相关资料,这里提供实现实例帮助大家实现改功能▼▪,需要的朋友可以参考下

  微信小程序 五星评分

  五星级评分效果-□:

  


 

  

<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只是将设置display为inline-block。昆明市小程序开发哪家好[晋城seo公司认准久澳]

  


 

  

Page({
 data-◇■△: {
 star: 0,
 starMap: [
 '…▪-◁;非常差',
 '▪◇;差',
 '★=☆;一般'••;,
 '△□;好'=△;,
 '非常好'■☆•,
 ],
 }-◁,
 myStarChoose(e) {
 let star = parseInt(e▽■=▲.target.dataset▲▼▲.star) 

 

   0; this.setData({ star▪△: star, }); } })▼△;

 

  效果如图:

  以上就是微信小程序之实现五星评分的示例的详细内容,更多请关注久澳传媒编程栏目其它相关文章!17 2020.10 [绍兴百度SEO优化公司]微信小程序之解析网页内容 微信小程序 解析网页内容详解 最近在写一个爬虫,密山市小程序开发哪家好需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的text和image标签可以呈现。而更复杂的★=▽▼,恩施市小程序制作公司

[晋城seo公司认准久澳]微信小程序之实现五星评分的示例

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。