| | |
| | | <!-- 图书服务-列表 --> |
| | | <view clas="container"> |
| | | <view class="page-header"> |
| | | <view class="page-header" wx:if="{{!skeletonLoding}}"> |
| | | <view style="width: 100%; height: {{barHeight}}px;"></view> |
| | | <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;"> |
| | | <view> |
| | | <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> |
| | | <view |
| | | class="nacigationBar" |
| | | style="width: 100%; height: {{navBarHeight}}px;" |
| | | > |
| | | <view class="backBtn back-icon"> |
| | | <!-- <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> --> |
| | | <image |
| | | src="/static/images/digitalTextbooks/chevron-left.png" |
| | | bind:tap="goBack" |
| | | mode="aspectFit" |
| | | /> |
| | | </view> |
| | | <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" /> |
| | | <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 label="总分类" options="{{iconList.options}}" value="{{iconList.value}}" optionsColumns="2" bindchange="onChangeIcon" /> |
| | | <t-dropdown-item label="一级" options="{{stairList.options}}" value="{{stairList.value}}" optionsColumns="2" bindchange="onChangeStair" disabled="{{assortCheck.code == ''}}" /> |
| | | <t-dropdown-item label=" 二级" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" disabled="{{stairCode == '' || assortCheck.code == ''}}" /> |
| | | <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> |
| | | <!-- </scroll-view> --> |
| | | </view> |
| | | <view class=" header-sort" bind:tap="sortClick"> |
| | | <!-- <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> |
| | | <view class="bookServices-list"> |
| | | <view class="bookServices-list" wx:if="{{!skeletonLoding}}"> |
| | | <view class="list-body"> |
| | | <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" /> |
| | | <movable-area class="movable-area"> |
| | | <!-- model:scroll-top="{{setScrollValue}}" --> |
| | | <scroll-view |
| | | class="scroll content" |
| | | id="scrollView" |
| | | bind:scroll="onPageScroll" |
| | | scroll-y |
| | | enable-passive="{{true}}" |
| | | refresher-enabled="{{true}}" |
| | | lower-threshold="{{100}}" |
| | | 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> |
| | | <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> |
| | | <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 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> |
| | | </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}}" /> |