ssj_book/parents/pages/home/home.wxml

<!--parents/pages/home/home.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/banner2.png'></image>
    <view class='list'>
      <view class='li-header'>
      <view class='li-header-address' data-url='parents/pages/library/library' data-zindex='3' bindtap='redirectTo'>
          <image class='li-header-address-icon' src='../../../assets/position.png'></image>
        </view>
        <view class='li-header-search' data-url='parents/pages/search/search' data-paras='{{({type: 1})}}' data-zindex='3' bindtap='navigateTo'>
          <image class='li-header-search-icon' src='../../../assets/search.png'></image>
          <text class='li-header-search-text'>搜索书本</text>
        </view>
        <view class='li-header-scan' bindtap='scanCtl'>
          <image class='li-header-scan-icon' src='../../../assets/scan.png'></image>
        </view>
      </view>
      <view class='li'>
        <view class='li-items'>
          <view class='li-item' wx:for='{{routers}}' wx:key='index' data-index='index' bindtap='selectRouteCtl'>
            <image class='li-item-icon' src='{{item.icon}}'></image>
            <view class='li-item-text'>{{item.text}}</view>
          </view>
        </view>
      </view>
      <view class='li'>
        <view class='li-label'>大家都在看</view>
        <view class='li-scroll'>
          <scroll-view scroll-x>
            <view class='li-scroll-items'>
              <view class='li-scroll-item' wx:for='{{topList}}' wx:key='index' data-url='parents/pages/book_detail/book_detail' data-paras='{{({isbn13: item.isbn13})}}' data-zindex='3' bindtap='navigateTo'>
                <image class='li-scroll-item-image' mode='aspectFill' src='{{item.local_image ? baseImgUrl + item.local_image : "../../../assets/default_headicon.png"}}'></image>
                <view class='li-scroll-item-text'>{{item.title}}</view>
                <view class='li-scroll-item-text-red'>
                  <image class='li-scroll-item-icon' src='../../../assets/fire.png'></image>
                  <text>{{item.cishu}}</text>
                </view>
              </view>
            </view>
          </scroll-view>
        </view>
      </view>
      <view class='li' wx:if='{{list.length > 0}}'>
        <view class='li-label'>新上架好书</view>
        <view class='book-container' data-url='parents/pages/book_detail/book_detail' data-paras='{{({isbn13: list[0].isbn13})}}' data-zindex='3' bindtap='navigateTo'>
          <view class='book-wrapper'>
            <view class='book-images'>
              <image class='book-image' mode='aspectFill' src='{{list[0]["local_image"] ? baseImgUrl + list[0]["local_image"] : "../../../assets/default_headicon.png"}}'></image>
            </view>
            <view class='book-content'>
              <view class='book-title'>{{list[0]["title"]}}</view>
              <view class='book-context'>{{list[0]["summary"]}}</view>
            </view>
          </view>
        </view>
        <view class='li-scroll-small'>
          <scroll-view scroll-x>
            <view class='li-scroll-items-small'>
              <view class='li-scroll-item-small' wx:if='{{index != 0}}' wx:for='{{list}}' wx:key='index' data-url='parents/pages/book_detail/book_detail' data-paras='{{({isbn13: item.isbn13})}}' data-zindex='3' bindtap='navigateTo'>
                <image class='li-scroll-item-image-small' mode='aspectFill' src='{{item.local_image ? baseImgUrl + item.local_image : "../../../assets/default_headicon.png"}}'></image>
                <view class='li-scroll-item-text-small'>{{item.title}}</view>
              </view>
            </view>
          </scroll-view>
        </view>
      </view>
      <view class='li-footer'>
        <view class='li-footer-view'  data-url='parents/pages/search/search' data-paras='{{({type: 2})}}' data-zindex='3' bindtap='navigateTo'>
          <image class='li-footer-icon' src='../../../assets/heart.png'></image>
          <text class='li-footer-text'>还有10000+本藏书等着你的发现>></text>
        </view>
      </view>
    </view>
  </view>
  <template is='footer' data='{{...footerData}}'></template> 
</view>