ssj_book/president/pages/library_books/library_books.wxml

<!--president//pages/library_books/library_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 pb' wx:else>
      <!-- <view class='bg'></view> -->
      <view>
           <view class='header'> </view>
      <view>
          <image class='header-BackImg' src='../../../assets/banner3.png'></image>
      </view>
      <view class='header-items'>
        <view class='header-item' wx:for='{{HeaderbookList}}' wx:key='index' bindtap='selectNavCtl' data-index='{{index}}'>
          <text class='header-item-num'>{{item.amount}}</text>
          <text class='header-item-text'>{{item.name}}</text>
        </view>
      </view>
    </view>
    <view class='search'>
        <view class='search-wrapper' bindtap='inputSearchPage'>
          <image class='search-icon' src='../../../assets/SearchIcon.png'></image>
          <input class='search-input' disabled type='text' value='{{title}}' placeholder='搜索' placeholder-class='search-placeholder'></input>
        </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' data-url='president/pages/book_Imformation/book_Imformation' data-paras='{{({bookInfoId: item.book_info_id})}}'  bindtap='navigateTo'>
            <view class='ui-image'>
              <image mode='aspectFill' 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-title='{{item.book_info_id}}' bindtap='BooksInfoPage'>
                <view>{{item.title}}</view>
              <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>
          </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 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 data-index='{{index}}' bindtap='gradeListReset' 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-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='' wx:if='{{isfirstLogin}}' catchtouchmove='true'>
        <view class='items-modal' catchtouchmove='true'> </view>
        <view class='PromptModel'>
      <view class='books-Info'>
              <view class='book-images'>
               <image class='book-image' src='../../../assets/wo_mama.png'></image>
            </view>
             <view class='book-texts'>我妈妈</view>
            </view>
          <view class="items-modal-Tips">
          <view class='items-modal-Selecttip SelectActive'>情感教育</view>
          <view class='items-modal-Selecttip SelectActive'>认知自己</view>
         </view>
           <view class='book-textIcon'>
                <image class='book-icon-two' wx:for='{{3}}' wx:key='{{index}}' wx:for-item='val'         wx:for-index='index' src="{{item.heat - 1 >= val ? '../../../assets/fire.png' : '../../../assets/fire.png' }}"></image>
      </view>
       <view class='The-arrow'>
               <image class='Thearrow-icon' src='../../../assets/linetip.png'></image>
        </view>
         <view class='MessageBox'>
                <view class='Message-texts'>点击图书信息可以查看图书详情</view>
              <view class='Message-confirm' data-index='{{index}}' bindtap='MessageconfirmClose'>
                <text class='book-button-fill-blue'>知道啦</text>
              </view>
        </view>
      </view>
      </view>
      <template is='nodata' data='{{...nodataArray}}' wx:if='{{list.length==0}}'></template>
  </view>
   <template is='footer' data='{{...footerData}}'></template>
  </view>