<!--
|
此文件为开发者工具生成,生成时间: 2024/4/11下午2:20:53
|
使用方法:
|
在 D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<page-meta style="width: 100vw; overflow: hidden">
|
<view style="width: 100%; height: 47px; "></view>
|
<view class="nacigationBar" style="width: 100%; height: 40px;">
|
<view class="navbar-title sk-transparent sk-text-14-2857-436 sk-text" style="background-position-x: 50%;">图书服务</view>
|
</view>
|
<view class="page-header">
|
<view class="search">
|
<view class=" t-search search--t-search " style="true">
|
<view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square t-search__input-container">
|
<view class="wr icon--wr " style="color: #bbb; font-size: 20px;">
|
<label class="wr-search icon--wr-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view class="t-input__keyword search--t-input__keyword t-search__input sk-image" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class="t-search__placeholder t-search__placeholder--normal" type="text" value="true"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="page-container">
|
<view class="side-bar-wrapper">
|
<view class="tab-left">
|
<view class="t-side-bar bar--t-side-bar " style="true">
|
<view class="t-side-bar-item item--t-side-bar-item t-side-bar-item--active item--t-side-bar-item--active sk-transparent sk-button" style="true">
|
<view class="t-side-bar-item__line item--t-side-bar-item__line"></view>
|
<view class="t-side-bar-item__prefix item--t-side-bar-item__prefix sk-pseudo sk-pseudo-circle"></view>
|
<view class="t-side-bar-item__suffix item--t-side-bar-item__suffix sk-pseudo sk-pseudo-circle"></view>高等教育</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">职业教育</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">教师教育</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">少儿教育</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">考试培训</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">主题出版</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">学术著作</view>
|
<view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">大众读物</view>
|
<view class="t-side-bar__padding bar--t-side-bar__padding"></view>
|
</view>
|
</view>
|
<view class="page-right">
|
<view class="side-bar-content">
|
<view class="tab-top">
|
<view class="myScroll">
|
<view class="row tab-active sk-transparent sk-text-14-2857-470 sk-text" data-tabdata="[object Object]">公共基础类</view>
|
<view class="row sk-transparent sk-text-14-2857-274 sk-text" data-tabdata="[object Object]">哲学</view>
|
<view class="row sk-transparent sk-text-14-2857-868 sk-text" data-tabdata="[object Object]">法学</view>
|
<view class="row sk-transparent sk-text-14-2857-149 sk-text" data-tabdata="[object Object]">经济学</view>
|
<view class="row sk-transparent sk-text-14-2857-66 sk-text" data-tabdata="[object Object]">管理学</view>
|
</view>
|
</view>
|
<scroll-view class="class-list" scroll-into-view="list405" scroll-y="true">
|
<view class="class-box" id="list405">
|
<view class="class-name sk-transparent sk-text-14-2857-360 sk-text">公共基础类</view>
|
<view class="class-content">
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-787 sk-text">大学语文类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-115 sk-text">高等数学类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-469 sk-text">就业、创新与创业类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-515 sk-text">应用文写作类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-824 sk-text">心理健康教育类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-988 sk-text">体育类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-89 sk-text">生涯规划类</view>
|
</view>
|
<view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
|
<view class="assort-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="classify sk-transparent sk-text-14-2857-188 sk-text">其他类</view>
|
</view>
|
</view>
|
</view>
|
<view class="class-box" id="list406">
|
<view class="class-name sk-transparent sk-text-14-2857-674 sk-text">哲学</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</page-meta>
|
</view>
|
</template>
|