<!--图书服务分类-->
|
<view class="page-header">
|
<!-- 搜索框 -->
|
<view class="search">
|
<t-search
|
t-class-input="t-search__input"
|
t-class-input-container="t-search__input-container"
|
placeholder="请输入关键词/书名/ISBN/作者"
|
leftIcon=""
|
bind:submit="navToSearchPage"
|
>
|
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
|
</t-search>
|
</view>
|
</view>
|
|
<view class="page-container">
|
<view class="side-bar-wrapper">
|
<view class="tab-left">
|
<t-side-bar value="{{assortCheck.code}}" bind:change="changeAssort">
|
<t-side-bar-item
|
wx:for="{{assortList}}"
|
wx:key="id"
|
value="{{item.refCode}}"
|
label="{{item.name}}"
|
badge-props="{{item.badgeProps}}"
|
/>
|
</t-side-bar>
|
</view>
|
<view class="side-bar-content">
|
<!-- 一级分类 -->
|
<view class="tab-top">
|
<scroll-view scroll-x="{{true}}" class="myScroll">
|
<view
|
wx:for="{{startList}}"
|
wx:key="id"
|
class="row {{startCheck == item.refCode ? 'tab-active' : ''}}"
|
bind:tap="tabClick"
|
data-tabData="{{item}}"
|
wx:if="{{item.children.length}}"
|
>{{item.name}}</view
|
>
|
</scroll-view>
|
</view>
|
<!-- 内容 -->
|
<scroll-view scroll-y="{{true}}" class="class-list" scroll-into-view="{{startCheck}}">
|
<view wx:if="{{listLoading}}">
|
<t-loading theme="spinner" size="400rpx" loading="{{listLoading}}"></t-loading>
|
</view>
|
<view
|
wx:for="{{startList}}"
|
wx:for-item="item"
|
wx:key="item.refCode"
|
id="{{item.refCode}}"
|
class="class-box"
|
wx:if="{{item.children.length && !listLoading}}"
|
>
|
<view class="class-name">{{item.name}}</view>
|
<view class="class-content">
|
<view
|
wx:for="{{item.children}}"
|
wx:for-item="citem"
|
wx:key="id"
|
class="book-box"
|
bind:tap="goPageList"
|
data-stairCode="{{citem}}"
|
>
|
<t-image src="/static/images/bookService/assort/book-img.png" mode="heightFix" width="58" height="72" />
|
<view class="classify">{{citem.name}}</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
