ssj_book/parents/pages/wish_detail/wish_detail.wxml

<!--parents/pages/wish_detail/wish_detail.wxml-->
<import src="../../../templates/loading/loading.wxml" /> 
<view class='container'>
  <template is='loading' wx:if='{{!isLoaded}}'></template>
  <view class='wrapper' wx:else>
    <view class='header'>
      <image class='header-img' src='{{vipInfo.photo ? baseImgUrl + vipInfo.photo : "../../../assets/default_headicon.png"}}'></image>
      <view class='header-col'>
        <view class='header-text-black' wx:if='{{vipInfo.childName}}'>{{vipInfo.childName}}</view>
        <view class='header-text-gray' wx:if='{{vipInfo.wishWords}}'>
          <image class='header-icon' src='../../../assets/arrow_left.png'></image>
          <text>{{vipInfo.wishWords}}</text>
          <image class='header-icon' src='../../../assets/arrow_right.png'></image>
        </view>
      </view>
    </view>
    <view class='list'>
      <view class='li'>
        <view class='book-container'>
          <view class='book-wrapper'>
            <view class='book-images'>
              <image class='book-image' mode='aspectFill' src='{{book.local_image ? baseImgUrl + book.local_image : "../../../assets/default_headicon.png"}}'></image>
              <view class='book-tip-two' wx:if='{{book.wish_day}}'>已加入{{book.wish_day}}天</view>
            </view>
            <view class='book-content'>
              <view class='book-title'>{{book.titile}}</view>
              <view class='book-text'>作者：{{book.author}}</view>
              <view class='book-context'>{{book.summary}}</view>
            </view>
          </view>
        </view>  
        <view class='li-progress'>
          <view class='li-row li-row-center'>
            <view class='li-icon-one'>
              <image src='../../../assets/circle_red.png'></image>
              <text>当前</text>
            </view>
          </view>
          <view class='li-row margin10'>
            <view class='li-circle-blue'></view>
            <image class='li-icon-two' src='../../../assets/arrow_two_blue.png'></image>
            <view class='li-circle-red'></view>
            <image class='li-icon-two' src='../../../assets/arrow_two_blue.png'></image>
            <view class='li-circle-blue'></view>
            <view class='li-line'></view>
          </view>
          <view class='li-row'>
            <view class='li-text-blue'>开始</view>
            <view class='li-text-red' wx:if='{{book.cishu > 0}}'>还差{{book.cishu}}人助力</view>
            <view class='li-text-red' wx:else>助力完成</view>
            <view class='li-text-blue'>达成</view>
          </view>
        </view>
        <view class='li-footer' wx:if='{{ishelp && book.cishu > 0}}'>
          <text class='li-footer-text' wx:if='{{ishelp == 2}}' bindtap='helpWishCtl'>为Ta助力</text>
          <text class='li-footer-text' wx:else='{{ishelp == 1}}' data-url='book' bindtap='redirectCtl'>去书库看看</text>
        </view>
        <view class='li-footer' wx:else>
          <text class='li-footer-text' data-url='book' bindtap='redirectCtl'>去书库看看</text>
        </view>
      </view>
      <view class='li li-reset' wx:if='{{userlist.length > 0}}'>
        <view class='li-title'>
          <image class='li-title-icon' src='../../../assets/heart_red.png'></image>
          <view class='li-title-text'>以下好友已为Ta助力</view>
          <image class='li-title-icon' src='../../../assets/heart_red.png'></image>
        </view>
        <view class='li-items'>
          <view class='li-item' wx:for='{{userlist}}' wx:key='{{index}}'>
            <image class='li-item-img' src='{{item.photo ? baseImgUrl + item.photo : "../../../assets/default_headicon.png"}}'></image>
            <view class='li-item-col'>
              <view class='li-item-text'>{{item.wx_name}}</view>
              <view class='li-item-text-small'>{{item.content}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>