ssj_book/parents/pages/main/main.wxml

<!--parents//pages/main/main.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>
    <view class='list' style='padding-bottom:{{isIphoneX?"166":""}}rpx'>
        <view class='li-header'>
          <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-carousel'> 
              <swiper class="li-carousel-img" indicator-dots="{{imgList.length>1?1:0}}" indicator-color="#f4f4f4" indicator-active-color="#4eb8b8" autoplay="{{imgList.length>1?1:0}}" interval='2000' circular='true'>
                <block wx:for="{{imgList}}" wx:key="key">
                  <swiper-item bindtap='chomeCarouselClick' data-url='{{item.url}}'>
                    <image class="li-carousel-img" src='{{item?baseImgUrl+item:""}}' mode='aspectFill' ></image>
                  </swiper-item>
                </block>
              </swiper>
          </view>
          <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='list-items' wx:if='{{list.length>0}}'>
            <view class='list-items-title'>本次推荐</view>
            <view class='list-item' wx:for='{{list}}' wx:key='index' data-url='parents/pages/book_detail/book_detail' data-zindex='3' data-paras='{{({bookInfoId: item.bookInfoId})}}' bindtap='navigateTo'>
                <view class='list-item-img'>
                  <image src='{{item.localImage?baseImgUrl+item.localImage:"../../../assets/banner1.png"}}' class='list-item-img-items'></image>
                </view>
                <view class='list-item-content'>
                    <view class='list-item-content-title'>{{item.title}}</view>
                    <view class='list-item-content-tips'>{{item.summary}}</view>
                    <view class='list-item-content-label'>
                      <view class='list-item-content-label-one' wx:if='{{item.themeName}}'>{{item.themeName}}</view>
                      <view class='list-item-content-label-two' wx:if='{{item.grade}}'>推荐{{item.grade}}</view>
                    </view>
                    <view>
                      <image src='../../../assets/fire.png' class='list-item-content-fire' wx:for="{{item.heat}}" wx:key='index'></image>
                    </view>
                </view>
            </view>
        </view>
        <!-- <template is='nodata' data='{{...nodataArray}}' wx:if='{{list.length==0}}'></template> -->
    </view>
  </view>
  
  <template is='footer' data='{{...footerData}}'></template> 
</view>