<!-- 图书服务-列表 -->
|
<view clas="container">
|
<view class="page-header" wx:if="{{!skeletonLoding}}">
|
<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">
|
<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
|
defaultValue="{{secondList.value}}"
|
bind:confirm="onConfirmSecond"
|
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>
|
</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" wx:if="{{!skeletonLoding}}">
|
<view class="list-body">
|
<movable-area class="movable-area">
|
<!-- model:scroll-top="{{setScrollValue}}" -->
|
<scroll-view
|
class="scroll content"
|
bind:scroll="onPageScroll"
|
scroll-y
|
refresher-enabled="{{true}}"
|
lower-threshold="{{200}}"
|
refresher-threshold="{{180}}"
|
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}}">
|
<view class="book-box" wx:for="{{bookList}}" wx:key="id">
|
<view class="book-img" bind:tap="goDetail" data-book="{{item}}">
|
<image
|
src="{{item.icon}}"
|
aria-label="{{item.name}}"
|
mode="aspectFit"
|
wx:if="{{item.icon}}"
|
/>
|
<image
|
src="/static/images/default-book-img.png"
|
aria-label="{{item.name}}"
|
mode="aspectFit"
|
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}}" class="empyt">
|
<!-- <t-empty icon="folder-open" description="暂无数据" /> -->
|
<empty />
|
</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>
|
</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>
|
<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{skeletonLoding}}" />
|
