ssj_book/president/pages/good_books_new/good_books_new.wxml

<!--president//pages/good_books_new/good_books_new.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 pb' wx:else>
      <view class='bg'>
        <view class='bg-left' wx:if='{{isSelect}}' bindtap='backBook'></view>
        <view class='bg-word'>好书推荐</view>
      </view>
      <view wx:if='{{!isSelect}}' class='all'>
        <view class='head'>
          <image src='../../../assets/sui_ji_diao_shu.png' class='search-container-img {{hiddenModel?"show-model":""}}' data-url='president/pages/random_books/random_books' bindtap='navigateTo'></image>
          <view class='search-wrapper head-search' data-url='president/pages/search_books_new/search_books_new' bindtap='navigateTo'>
              <image class='search-icon-img' src='../../../assets/SearchIcon.png'></image>
              <input class='search-input' type='text' value='{{navList[navIndex].title}}' placeholder='搜索' placeholder-class='search-placeholder new-placeholder' bindinput='inputSearchCtl' disabled='true'></input>
              <image class='search-icon' wx:if='{{navList[navIndex].title.length > 0}}' src='../../../assets/error_gray.png' bindtap='clearSearchCtl'></image>
          </view>
        </view>
        <view class='content'>
          <view class='content-head'>
            <view>推荐列表</view>
            <view class='content-head-hot'>
                <view style='margin-right:50rpx;' class='{{itemIndex?"new-placeholder":""}}' bindtap='selectHot'>热度排序</view>
                <view bindtap='getScreen'>
                  <text>筛选</text>
                  <image src='../../../assets/shai_xuan.png' class='content-head-hot-icon'></image>
                </view>
            </view>
          </view>
          <view class='ul' wx:for='{{list}}' wx:key='index'>
            <view class='ui-image'>
              <image src='{{item.local_image ? baseImgUrl + item.local_image + thumbnail : "../../../assets/default_headicon.png"}}' data-images='{{([item.local_image])}}' data-baseurl='{{baseImgUrl}}' bindtap='viewImage' class='li-img'></image>
            </view>
            <view class='li-right'>
              <view data-url='president/pages/book_Imformation/book_Imformation' data-paras='{{({bookInfoId: item.book_info_id,isFold:1})}}'  bindtap='navigateTo'>
                <view>{{item.title}}</view>
                <view class='li-right-tips' wx:if='{{item.theme}}'>
                  <view class='li-right-tips-items'>{{item.theme}}</view>
                </view>
                <view>
                    <image src='../../../assets/fire.png' class='li-right-grade' wx:for='{{item.heat}}' wx:key='index'></image>
                </view>
              </view>
              <view class='ul-num' wx:if='{{item.number==0}}'>
                 <image src='../../../assets/jia_fa.png' class='ul-num-img' data-size='{{item.book_size}}' data-isbn13='{{item.isbn13}}' data-detailid='{{item.book_detail_id}}' data-infoid='{{item.book_info_id}}' data-index='{{index}}' data-number='{{item.number}}' bindtap='addBook'></image>
              </view>
              <view class='ul-num' wx:if='{{item.book_size>0&&item.number>0}}'>
                <image src='../../../assets/jian_fa.png' class='ul-num-img' data-isbn13='{{item.isbn13}}' data-detailid='{{item.book_detail_id}}' data-infoid='{{item.book_info_id}}' data-size='{{item.book_size}}' data-index='{{index}}' data-number='{{item.number}}' bindtap='subtractionBook'></image>
                <text class='ul-num-text'>{{item.number}}</text>
                <image src='../../../assets/jia_fa.png' class='ul-num-img' data-size='{{item.book_size}}' data-isbn13='{{item.isbn13}}' data-detailid='{{item.book_detail_id}}' data-infoid='{{item.book_info_id}}' data-index='{{index}}' data-number='{{item.number}}' bindtap='addBook'></image>
              </view>
            </view>
          </view>
          <view class='load' wx:if='{{isDown}}'>已经到底了</view>
          <view class='load' wx:if='{{isLoad}}'>
            <image src='../../../assets/zai_jia.png' class='load-img'></image>
            <view>正在玩命加载...</view>
          </view>
        </view>
      </view>
      <!-- 筛选内容 -->
      <view wx:if='{{isSelect}}' class='all'>
         <view class='head'>
          <view class='search-wrapper head-search' data-url='president/pages/search_books_new/search_books_new' bindtap='navigateTo'>
              <image class='search-icon-img' src='../../../assets/SearchIcon.png' style='left:42%'></image>
              <input class='search-input' type='text' value='{{navList[navIndex].title}}' placeholder='搜索' placeholder-class='search-placeholder new-placeholder' bindinput='inputSearchCtl' disabled='true'></input>
              <image class='search-icon' wx:if='{{navList[navIndex].title.length > 0}}' src='../../../assets/error_gray.png' bindtap='clearSearchCtl'></image>
          </view>
        </view>
        <view class='content'>
          <view class='content-head'>
            <view>推荐列表</view>
            <view class='content-head-hot'>
                <view style='margin-right:50rpx;' class='{{itemIndex?"new-placeholder":""}}' bindtap='selectHot'>热度排序</view>
                <view bindtap='getScreen'>
                  <text class='{{isShai?"new-placeholder":""}}'>筛选</text>
                  <image src='../../../assets/shai_xuan.png' class='content-head-hot-icon' wx:if='{{!isShai}}'></image>
                  <image src='../../../assets/shai_xuan_active.png' class='content-head-hot-icon' wx:if='{{isShai}}'></image>
                </view>
            </view>
          </view>
          <view class='ul' wx:for='{{list}}' wx:key='index'>
             <view class='book-images'>
              <image class='book-image' lazy-load='true' style="left:{{ key * 15 }}rpx; z-index:{{ key * 30 }}" mode='aspectFill' src='{{val ? baseImgUrl + val + thumbnail : "../../../assets/default_headicon.png"}}' wx:for="{{item.imagesList}}" wx:key='{{key}}' wx:for-item='val' wx:for-index='key' data-images='{{item.imagesList}}' data-baseurl='{{baseImgUrl}}' bindtap='viewImage'></image>
            </view>
            <view class='li-right li-root'>
              <view>
                  <view>{{item.theme}}</view>
                  <image src='../../../assets/fire.png' class='li-right-grade' wx:for='{{item.heat}}' wx:key='index'></image>
              </view>
              <view class='ul-select' data-child='{{item.child_theme}}' data-theme='{{item.theme}}' bindtap='enterTheme'>
                <text>选择调入</text>
                <image src='../../../assets/arrow_gray.png' class='ul-num-right'></image>
              </view>
            </view>
          </view>
          <view class='load' wx:if='{{isDown}}'>已经到底了</view>
          <view class='load' wx:if='{{isLoad}}'>
            <image src='../../../assets/zai_jia.png' class='load-img'></image>
            <view>正在玩命加载...</view>
          </view>
        </view>
      </view>
      <!-- 筛选弹框 -->
      <view class='showModel' bindtap='screenShowModel' catchtouchmove="screenShowModel" wx:if='{{screenModel}}' catchtouchmove="true"></view>
      <view class='model' wx:if='{{screenModel}}' catchtouchmove="true">
          <scroll-view scroll-y class='screen'>
            <view class='screen-items'>
              <view class='screen-items-head'>年段</view>
              <view>
                  <view class='screen-items-all' wx:for='{{gradeList}}' wx:key='index' data-index='{{index}}' bindtap='selectGrade'>
                    <view class='screen-items-content {{item.isCheck?"screen-active":""}}'>
                      <text>{{item.grade}}</text>
                      <image src='../../../assets/blue_active.png' class='screen-items-all-img' wx:if='{{item.isCheck}}'></image>
                    </view>
                  </view>
              </view>
            </view>
            <view class='screen-items' >
              <view class='screen-items-head'>主题</view>
              <view class='screen-items-all' wx:for='{{themeList}}' wx:key='index'>
                <view class='screen-items-content {{item.isCheck?"screen-active":""}}' wx:if='{{item.childList.length==0}}' data-index='{{index}}' data-type='{{1}}' bindtap='selectTheme'>
                        <text>{{item.name}}</text>
                        <image src='../../../assets/blue_active.png' class='screen-items-all-img' wx:if='{{item.isCheck}}'></image>
                </view>
              </view>
              <!-- <view>
                  <view class='screen-items-all' wx:for='{{item.childList}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-index='{{index}}' data-key='{{key}}' data-type='{{0}}' bindtap='selectTheme'>
                    <view class='screen-items-content {{val.isCheck?"screen-active":""}}'>
                      <text>{{val.name}}</text>
                      <image data-index='{{index}}' bindtap='themeListReset' src='../../../assets/blue_active.png' class='screen-items-all-img' wx:if='{{val.isCheck}}'></image>
                    </view>
                  </view>
              </view> -->
            </view>
            <view class='screen-footer'></view>
            <view class='screen-btn'>
                <view class='screen-btn-rest' bindtap='getReset'>重置</view>
                <view class='screen-btn-sure' bindtap='getSubmit'>确定</view>
            </view>
          </scroll-view>
      </view>
      <!-- 随机点击弹框 -->
      <view class='showModel' bindtap='allShowModel' catchtouchmove="allShowModel" wx:if='{{hiddenModel}}'></view>
      <view class='model' wx:if='{{hiddenModel}}'>
          <image src='../../../assets/grade.png' class='model-grade'></image>
          <view class='model-tips'>
            <view>点击“随机调书”设定调书数量，系统会为您随机挑选好书送上门哟</view>
            <view class='model-tips-btn' bindtap='allShowModel'>知道啦</view>
          </view>
      </view>
      <template is='nodata' data='{{...nodataArray}}' wx:if='{{list.length==0}}'></template>
  </view>
   <template is='footer' data='{{...footerData}}'></template>
  </view>