<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{listLoding}}" />
|
|
<!--图书服务分类-->
|
<page-meta style="width: 100vw; overflow: hidden" wx:if="{{!listLoding}}">
|
<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"
|
placeholder-style="{{placeholderstyle}}"
|
>
|
<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" wx:if="{{!loading}}">
|
<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="page-right">
|
<!-- 右侧 -->
|
<view class="side-bar-content" wx:if="{{!listLoding}}">
|
<!-- 一级分类 -->
|
<view class="tab-top">
|
<view class="myScroll">
|
<view
|
wx:for="{{startList}}"
|
wx:key="id"
|
class="row {{startCheck.id == item.id ? 'tab-active' : ''}}"
|
bind:tap="tabClick"
|
data-tabData="{{item}}"
|
>{{item.name}}</view
|
>
|
</view>
|
</view>
|
<!-- 内容 -->
|
<scroll-view
|
scroll-y="{{true}}"
|
class="class-list"
|
scroll-into-view="{{ 'list' + startCheck.id}}"
|
>
|
<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="id"
|
id="{{ 'list' + item.id}}"
|
class="class-box"
|
wx:if="{{!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-stair="{{citem}}"
|
data-tabData="{{item}}"
|
wx:if="{{item.children.length}}"
|
>
|
<view class="assort-img">
|
<image
|
src="{{citem.icon ? citem.icon : '/static/images/default-book-img.png'}}"
|
mode="aspectFit"
|
/>
|
</view>
|
<view class="classify">{{citem.name}}</view>
|
</view>
|
<view
|
wx:if="{{!item.children.length}}"
|
class="book-box"
|
bind:tap="goPageList"
|
data-tabData="{{item}}"
|
>
|
<view class="assort-img">
|
<image
|
src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
|
mode="aspectFit"
|
/>
|
</view>
|
<text class="classify">全部</text>
|
</view>
|
</view>
|
</view>
|
<view class="bottom-box"> </view>
|
</scroll-view>
|
</view>
|
<!-- loading -->
|
<!-- <view class="loading-box" wx:if="{{listLoding}}">
|
<t-loading
|
theme="circular"
|
size="60rpx"
|
class="wrapper"
|
loading="{{listLoding}}"
|
wx:if="{{listLoding}}"
|
/>
|
</view> -->
|
</view>
|
</view>
|
<!-- <view class="loading-box" wx:if="{{loading}}">
|
<t-loading
|
theme="circular"
|
size="60rpx"
|
class="wrapper"
|
loading="{{loading}}"
|
wx:if="{{loading}}"
|
/>
|
</view> -->
|
</view>
|
</page-meta>
|
