challengeFamily/pages/growup/passport/passport.wxml

<block wx:if="{{!hidden}}">
  <navigator class="common_fix common_home" wx:if="{{currentPages == 1}}" open-type="reLaunch" url="/pages/index/index" hover-class="none">
    <text class="icon icon-home"></text>
  </navigator>
  <view class="passport">
    <childs list="{{user}}" share="{{share}}" showMedal bind:getChildIndex="choose">
    <view class="tabBox">
      <view class="tab">
        <view bindtap="changeTab" data-value="0" style="border-top-right-radius: 20rpx;" class="tab-item {{active_tab==0?'active':'no_active'}}"><text>勋章</text></view>
        <view bindtap="changeTab" data-value="1" style="border-top-left-radius: 20rpx;" class="tab-item {{active_tab==1?'active':'no_active'}}"><text>印章</text></view>
      </view>
    </view>
    
    <view class="box">
      <!-- 印章 -->
      <view class="column" wx:if="{{active_tab==1}}">
        <view class="wall">
          <view class="head_title">
            <text class="point leftPoint">·</text>
            <image src="/images/medal/icon1.png" mode="widthFix"></image>
            <text class="h">印 章 墙</text>
            <image src="/images/medal/icon1.png" mode="widthFix"></image>
            <text class="point rightPoint">·</text>
          </view>
          <view class="yinBox" wx:if="{{groupData.seals.length>0}}">
            <image wx:for="{{groupData.seals}}" wx:key="unique" src="{{item}}" class="yinCol" mode="aspectFill" bindtap="imgdetails" data-index="{{index}}"></image>
          </view>
          <view class="yinNone" wx:else>暂无印章</view>
        </view>
      </view>
      <!-- 勋章 -->
      <view class="column" wx:if="{{active_tab==0}}">
        <view class="wall">
          <view class="head_title">
            <text class="point leftPoint">·</text>
            <image src="/images/medal/icon1.png" mode="widthFix"></image>
            <text class="h">勋 章 墙</text>
            <image src="/images/medal/icon1.png" mode="widthFix"></image>
            <text class="point rightPoint">·</text>
          </view>
          <view class="article">
            <navigator class="font12 jump_btn" url="introduce" hover-class="none">前往宝贝勋章之旅>></navigator>
          </view>
          <view class="xunBox">
            <view class="xunCol {{(index==15 || index==14 || index==12)?'lastMedal':index==13?'medal13':(medals.length==index+1?'medal17':'')}}" wx:for="{{medals}}" wx:key="unique" bindtap="bingImg" data-index="{{index}}">
              <view class="pic_box {{(medals.length==index+1 || index==15)?'lastMedalHeight':''}}">
                <image src="{{ item.show? item.newSrc : item.oldSrc}}" mode="aspectFit"/>
                <view class="mask" wx:if="{{!item.show}}">待 点 亮</view>
              </view>
              <view class="xunName {{item.show?'subtitleColor':''}}">{{item.text}}</view>
              <view class="cumulativeDays">累计 <text class="subtitleColor">{{item.days}}</text> 天</view>
            </view>
          </view>
        </view>
        
        <view class="wall">
          <view class="head_title">
            <text class="point leftPoint">·</text>
            <image src="/images/medal/gift.png" mode="widthFix"></image>
            <text class="h">勋 章 福 利</text>
            <image src="/images/medal/gift.png" mode="widthFix"></image>
            <text class="point rightPoint">·</text>
          </view>
          <view class="welfare">
            <view class="welfare_tab">
              <view class="welfare_title">福 利 一</view>
              <image bindtap="jumpToBuy" src="http://img.bbztx.com/image_test/upload/thumbs/20210820/logo/1629425297638092168.png" mode="widthFix"></image>
            </view>
            <view class="welfare_tab">
              <view class="welfare_title">福 利 二</view>
              <image src="https://img.bbztx.com/static/welfare2.png" mode="widthFix"></image>
            </view>
          </view>
        </view>
        <view class="wall" style="text-align:left;margin:0">
          <view class="head_title">
            <text class="point leftPoint">·</text>
            <image src="/images/medal/ture.png" mode="widthFix"></image>
            <text class="h">特 别 说 明</text>
            <image src="/images/medal/ture.png" mode="widthFix"></image>
            <text class="point rightPoint">·</text>
          </view>
          <view>
            <view>*天数是指儿童参加的<text class="subtitleColor">独立营、半天营、亲子营</text>累加，线上课不算其中。</view>
            <view style="margin-top:20rpx">*截止到2021年3月11日，已获得的勋章，按新规则继续升级。</view>
            <view style="margin-top:20rpx">*最终解释权归宝贝走天下所有。</view>
          </view>
        </view>
      </view>
    </view>
    </childs>
  </view>
</block>
<empty wx:else>~该用户还没有儿童参加过任何活动~</empty>