微信小程序通过数字遍历星星

最新推荐文章于 2024-05-14 11:21:16 发布

木毅01

最新推荐文章于 2024-05-14 11:21:16 发布

阅读量380

点赞数 10

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_27806371/article/details/135648928

版权

微信小程序专栏收录该内容

17 篇文章 0 订阅

订阅专栏

  <block wx:if="{{planList.length > 0}}">
    <view class="plans-container">
      <view class="plan-container" wx:for="{{planList}}" wx:for-item="plan" wx:key="id" bind:tap="toPlanDetail" data-plan="{{plan}}">        
        <image class="icon" src="{{plan.thumb}}" mode="aspectFill"/>        
        <view class="plan-content">
          <view class="h1">{{plan.activityName}}</view>
          <view class="h2">时间：{{plan.scheduledTime ? plan.scheduledTime : ''}}</view>        
          <view class="h2">材料：{{plan.prepareDevices ? plan.prepareDevices : ''}}</view>
          <view class="h2">规则：{{plan.playRules ? plan.playRules : ''}}</view>     
          <view class="h2 star-wrap" wx:for="{{plan.tagList}}" wx:for-item="itag" wx:key="parentName">
            <block wx:if="{{itag.parentName == '难度' || itag.parentName == '趣味'}}">              
              {{itag.parentName}}：<image wx:for="{{itag.tagName - 0}}" wx:key="*this" src="/image/star.png" class="icon-star" />
            </block>
            <block wx:else>
              {{itag.parentName}}：{{itag.tagName}}
            </block>
          </view>        
        </view>
      </view>
    </view>
    <view class="package-footer">{{moreTxt}}</view>
  </block>