<!-- 图书服务-列表 -->
|
<view clas="container">
|
<view class="page-header">
|
<view style="width: 100%; height: {{barHeight}}px;"></view>
|
<view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;">
|
<view>
|
<t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
|
</view>
|
<t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
|
</view>
|
<view class="list-header">
|
<view class="header-scroll">
|
<!-- <scroll-view scroll-x scroll-with-animation='true' class="srcolbox"> -->
|
<view class="srcolbox">
|
<t-dropdown-menu>
|
<t-dropdown-item options="{{iconList.options}}" value="{{iconList.value}}" optionsColumns="2" bindchange="onChangeIcon" />
|
<t-dropdown-item options="{{stairList.options}}" value="{{stairList.value}}" optionsColumns="2" bindchange="onChangeStair" disabled="{{assortCheck.code == '' || stairList.options.length == 0}}" />
|
<t-dropdown-item label=" 二级" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" bind:reset="onResetSecond" disabled="{{stairCode == '' || assortCheck.code == '' || secondList.options.length == 0}}" />
|
<t-dropdown-item options="{{sortList.options}}" value="{{sortList.value}}" bindchange="onSortChange" />
|
</t-dropdown-menu>
|
</view>
|
<!-- </scroll-view> -->
|
</view>
|
<!-- <view class=" header-sort" bind:tap="sortClick">
|
<view class="sort-name">排序</view>
|
<view class="sort-icon">
|
<t-icon name="swap-left" size="24rpx" class="icon-right" color="{{sort == 'Asc' ? '#ff6c00' : ''}}" />
|
<t-icon name="swap-left" size="24rpx" class="icon-left" color="{{sort == 'Desc' ? '#ff6c00' : ''}}" />
|
</view>
|
</view> -->
|
</view>
|
</view>
|
<view class="bookServices-list">
|
<view class="list-body">
|
<movable-area class="movable-area">
|
<scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
|
<view slot="refresher" class="refresh-container">
|
<view class="loading">
|
<t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
|
</view>
|
</view>
|
<view class="title">
|
<view class="line"></view>
|
<view class="icon">
|
<image src="/static/images/home/yangshuliebiao.png" mode="aspectFit" class="iconImage" />
|
</view>
|
</view>
|
<view class="book-list" wx:if="{{bookList.length > 0 && !skeletonLoding}}">
|
<view class="book-box" wx:for="{{bookList}}" wx:key="id">
|
<view class="book-img" bind:tap="goDetail" data-book="{{item}}">
|
<t-image src="{{item.icon}}" width="105" height="145" aria-label="{{item.name}}" wx:if="{{item.icon}}" />
|
<t-image src="/static/images/default-book-img.png" width="105" height="145" aria-label="{{item.name}}" wx:else />
|
</view>
|
<view class="book-name book-color" bind:tap="goDetail" data-book="{{item}}">{{ item.name}}</view>
|
<view class="book-author book-color">{{item.author}}</view>
|
<view class="checkbox">
|
<t-checkbox label="纸质样书" icon="rectangle" borderless='true' checked="{{item.paperChecked}}" disabled="{{item.paperDisabled || item.isApplyBook == '1' || item.isApplyBook == '2'}}" data-book="{{item}}" bind:change="onChangePaper" />
|
<t-checkbox label="电子样书" icon="rectangle" borderless='true' class="eBook" checked="{{item.electronChecked}}" disabled="{{item.electronDisabled || item.isApplyBook=='1' || item.isApplyBook=='3' }}" data-book="{{item}}" bind:change="onChangeElectron" />
|
</view>
|
</view>
|
</view>
|
<view wx:if="{{bookList.length == 0 && !skeletonLoding}}" class="empyt">
|
<t-empty icon="folder-open" description="暂无数据" />
|
</view>
|
<view class="bottom-loading" wx:if="{{bottomLoading}}">
|
<t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
|
</view>
|
<view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
|
<text>没有更多了</text>
|
</view>
|
<view class="body-loading" wx:if="{{skeletonLoding}}">
|
<t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
|
</view>
|
</scroll-view>
|
<movable-view class="movable-view" :x="{{x}}" :y="{{y}}" direction="all">
|
<view class="applyBox" bindtap="goApply">
|
<view class="box">
|
<t-image src="/static/images/home/yangshuForm1.png" mode="heightFix" class="img" />
|
<view class="num" wx:if="{{num > 0}}">{{num}}</view>
|
</view>
|
</view>
|
</movable-view>
|
</movable-area>
|
</view>
|
</view>
|
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
|
|
</view>
|
