微信小程序之满意度评价五星

最新推荐文章于 2021-04-19 14:26:41 发布

原创

最新推荐文章于 2021-04-19 14:26:41 发布 · 3.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序之满意度评价五星 #微信小程序 #五星评价

本文介绍了如何在微信小程序中实现满意度评价功能，展示了一种五星评价的实现效果，并提供了test.wxml、test.wxss和test.js的代码参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序满意度评价五星

一、实现效果

二、代码参考

test.wxml

<!-- 评价 -->
<view class="evaluate-warp">
  <view class="evl-left">满意度评价：</view>
  <!-- 星星评价-->
  <view class="evl-right">
    <block wx:for="{
  
  {[0, 1, 2, 3, 4]}}" wx:key=''>
      <image wx:if="{
  
  { index < starId }}" src="../../images/evaluate_active.png" bindtap="startTap" id="{
  
  {index}}"></image>
      <image wx:else src="../../images/evaluate_default.png" bindtap="startTap" id="{
  
  {index}}"></image>
    </block>
  </view>

</view>