ssj_book/parents/pages/good_books/good_books.wxml

<!--parents/pages/good_books/good_books.wxml-->
<import src="../../../templates/nodata/nodata.wxml" />
<import src="../../../templates/footer/footer.wxml" />
<import src="../../../templates/loading/loading.wxml" /> 
<view class='container'>
  <template is='loading' wx:if='{{!isLoaded}}'></template> 
  <view class='wrapper' wx:else>
    <image class='bg' mode='aspectFill' src='../../../assets/banner4.png' wx:if='{{!isHeader}}'></image>
    <view class='list'>
      <view class='list-canvas'>
        <view class='canvas'>
          <view class='canvas-text'>
            <text class='canvas-text-item'> {{ message }}</text>
          </view> 
          <view class='canvas-parcent'>图书品类 占比%</view> 
          <ff-canvas id="pieSelect" canvas-id="pieSelect" opts="{{opts}}"></ff-canvas>
        </view>
        <view class='list-canvas-title'>
          <view class='list-canvas-title-item' wx:for='{{headInfoList}}' wx:key='{{index}}'>
            <text class="list-color {{index==0?'list-color1':index==1?'list-color2':index==2?'list-color3':'list-color4'}}"></text>
            <text>{{item.name}}</text>
          </view>
        </view>
      </view>
      <view class='list-title'>
        <image src='../../../assets/yue_du_ji_hua.png' class='list-title-img'></image>
        <text>我的阅读计划</text>
      </view>
      <view class='li' wx:for='{{borrowInfoList}}' wx:key='{{index}}' wx:if='{{borrowInfoList.length>0}}'>
        <view class='li-title'>
          <image class='li-title-img' src='../../../assets/topic{{index+1}}.png'></image>
          <text>{{item.theme_name}}</text>
          <text class='li-title-number'>共{{item.book_num}}本</text>
        </view>
        <view class='li-content'>
          <view>主题介绍：</view>
          <view class='li-content-word'>{{item.aliases}}</view>
        </view>
        <view class='li-topic'>
          <view class='li-topic-tips'></view>
          <view class='li-topic-title'>我正在阅读</view>
          <view class='li-topic-tips'></view>
        </view>
        <view>
          <view class='li-bookList' wx:for="{{item.bookList}}" wx:key='{{key}}' wx:for-item='val' wx:for-index='key' wx:if='{{item.bookList.length>0}}' data-url='parents/pages/book_detail/book_detail' data-paras='{{({isbn13: val.isbn13})}}' data-zindex='3' bindtap='navigateTo'>
            <view class='book-container'>
              <view class='book-wrapper'>
                  <view class='book-images'>
                    <image class='book-image' mode='aspectFill' src='{{val.local_image ? baseImgUrl + val.local_image : "../../../assets/default_headicon.png"}}'></image>
                  </view>
                  <view class='book-content'>
                    <view class='book-title'>{{val.title}}</view>
                    <view class='book-text'>图文简介: {{val.summary}}</view>
                  </view>
              </view>
            </view>
          </view>
        </view>
        <view class='li-footer' data-url='parents/pages/search/search' data-paras='{{({type:3,child_theme:item.child_theme,theme_name:item.theme_name,img_index:index+1})}}' data-zindex='3' bindtap='navigateTo'>同主题其他好书推荐>></view>
      </view>
      <view class='li'>
        <template is='nodata' data='{{...nodataArray}}' wx:if='{{borrowInfoList.length==0}}'></template>
      </view>
    </view>
  </view>
  <template is='footer' data='{{...footerData}}'></template> 
</view>