ssj_book/parents/pages/wish/wish.wxml

<!--parents/pages/wish/wish.wxml-->
<import src="../../../templates/nodata/nodata.wxml" />
<import src="../../../templates/loading/loading.wxml" /> 
<view class='container'>
  <template is='loading' wx:if='{{!isLoaded}}'></template>
  <view class='wrapper' wx:else>
    <view class='nav'>
      <view class='nav-item' wx:for='{{navList}}' wx:key='{{index}}' data-index='{{index}}' bindtap='selectNavCtl'>
        <view class='nav-item-row {{navIndex == index ? "nav-item-row-active" : ""}}'>
          <view class='nav-item-text {{navIndex == index ? "nav-item-text-active" : ""}}'>{{item.text}}</view>
          <view class='nav-item-button {{navIndex == index ? "nav-item-button-active" : ""}}' wx:if='{{item.num}}'>{{item.num}}本</view>
        </view>
      </view>
    </view>
    <view class='list'>
      <block wx:if='{{navIndex == 0 && navList[navIndex]["list"].length > 0}}'>
        <view class='li' wx:for='{{navList[navIndex]["list"]}}' wx:key='{{index}}' data-url='parents/pages/wish_detail/wish_detail' data-paras='{{({isbn13: item.isbn13, libId: options.libId, vipId: options.vipId})}}' data-zindex='3' bindtap='navigateTo'>
          <view class='book-container'>
            <view class='book-wrapper'>
              <view class='book-images'>
                <image class='book-image' mode='aspectFill' src='{{item.local_image ? baseImgUrl + item.local_image : "../../../assets/default_headicon.png"}}'></image>
                <view class='book-tip-two' wx:if='{{item.wish_day}}'>已加入{{item.wish_day}}天</view>
              </view>
              <view class='book-content'>
                <view class='book-title'>{{item.titile}}</view>
                <view class='book-text'>作者：{{item.author}}</view>
                <view class='book-context'>{{item.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'>还差{{item.cishu}}人助力</view>
              <view class='li-text-blue'>达成</view>
            </view>
          </view>
          <view class='li-footer'>
            <button open-type='share' wx:if='{{item.cishu > 0}}' data-index='{{index}}' class='li-footer-btn'>转发邀请好友助力</button>
            <button wx:else data-index='{{index}}' class='li-footer-btn'>助力完成</button>
          </view>
        </view>
      </block>  
      <view class='li' wx:elif='{{navIndex == 1 && navList[navIndex]["list"].length > 0}}'>
        <view class='li-items'>
          <view class='li-item' wx:for='{{navList[navIndex]["list"]}}' wx:key='{{index}}' data-url='parents/pages/wish_detail/wish_detail' data-paras='{{({isbn13: item.isbn13, libId: options.libId, vipId: options.vipId})}}' data-zindex='3' bindtap='navigateTo'>
            <image class='li-item-image' mode='aspectFill' src='{{item.local_image ? baseImgUrl + item.local_image : "../../../assets/default_headicon.png"}}'></image>
            <view class='li-item-text'>还差{{item.cishu}}公里</view>
            <view class='li-item-btn-red' data-index='{{index}}' bindtap='helpWishCtl'>
              <image class='li-item-icon' src='../../../assets/shan_dian_red.png'></image>
              <text>助力</text>
            </view>
          </view>
        </view>
      </view>
      <template is='nodata' data='{{...navList[navIndex]["nodataArray"]}}' wx:else></template>
    </view>
    <view class='modal-container' wx:if='{{isShowWishModal}}' catchtouchmove='true' catchtap='toggleWishModal'>
      <view class='modal-wrapper'>
        <image class='modal-icon' src='../../../assets/xin_yuan_icon.png'></image>
        <view class='modal-context'>当有些书您想看但所在馆没有，可以将其加入心愿单，我们会从其他馆调运书籍或者最优先加入采购清单内，让您能够更快的看到想看的书。</view>
      </view>
    </view>
  </view>
</view>