<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午2:29:18
|
使用方法：
|
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\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 page-style="true">
|
<view style="width: 100%; height: 47px"></view>
|
<view class="nacigationBar" style="width: 70%; height: 40px">
|
<view>
|
<view class="t-icon icon--t-icon" style="font-size: 30px">
|
<label
|
class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"
|
></label>
|
</view>
|
</view>
|
<view
|
class="navBar-search t-search search--t-search"
|
style="width: 241px"
|
>
|
<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--round search--t-search__input-box--round"
|
>
|
<view
|
class="t-icon icon--t-icon search--t-icon"
|
style="font-size: 24px"
|
>
|
<label
|
class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"
|
></label>
|
</view>
|
<view
|
class="t-input__keyword search--t-input__keyword sk-image"
|
name="input"
|
placeholder="请输入关键词/书名/ISBN/作者"
|
placeholder-class="t-search__placeholder t-search__placeholder--normal"
|
type="text"
|
value="true"
|
></view>
|
</view>
|
</view>
|
</view>
|
<view class="bookServices-list">
|
<view class="list-header">
|
<view class="header-scroll">
|
<view
|
class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle"
|
id="160b824d--t-bar"
|
style="width: 624px"
|
>
|
<view
|
class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button"
|
data-index="0"
|
>
|
<view
|
class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-964 sk-text"
|
>公共基础类</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon--"
|
>
|
<label
|
class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"
|
></label>
|
</view>
|
</view>
|
<view
|
class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button"
|
data-index="1"
|
>
|
<view
|
class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-856 sk-text"
|
>二级</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon--"
|
>
|
<label
|
class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"
|
></label>
|
</view>
|
</view>
|
<view
|
class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button"
|
data-index="2"
|
>
|
<view
|
class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-539 sk-text"
|
>获奖情况</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon--"
|
>
|
<label
|
class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"
|
></label>
|
</view>
|
</view>
|
<view
|
class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button"
|
data-index="3"
|
></view>
|
</view>
|
</view>
|
</view>
|
<scroll-view
|
class="list-container"
|
lower-threshold="200"
|
refresher-default-style="none"
|
refresher-enabled="true"
|
refresher-threshold="80"
|
scroll-into-view="true"
|
scroll-y="true"
|
>
|
<view class="refresh-container">
|
<view class="loading">
|
<view
|
class="wrapper t-loading loading--t-loading t-loading--horizontal loading--t-loading--horizontal"
|
>
|
<view
|
class="t-loading__spinner loading--t-loading__spinner t-loading__spinner--circular loading--t-loading__spinner--circular"
|
>
|
<view
|
class="t-loading__circular loading--t-loading__circular sk-image"
|
></view>
|
</view>
|
<view
|
class="t-loading__text loading--t-loading__text t-loading__text--horizontal loading--t-loading__text--horizontal sk-transparent sk-text-20-0000-74 sk-text"
|
>正在刷新...</view
|
>
|
</view>
|
</view>
|
</view>
|
<view class="assort-title" id="assort-title">
|
<view class="title-box"></view>
|
<view class="title-name sk-transparent sk-text-14-2857-2 sk-text"
|
>高等教育</view
|
>
|
</view>
|
<view class="page-content">
|
<view class="book-list">
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view
|
class="book-name book-color sk-transparent sk-text-14-2857-794 sk-text"
|
>2024测试图书-3.5</view
|
>
|
<view class="book-author book-color"></view>
|
</view>
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view
|
class="book-name book-color sk-transparent sk-text-14-2857-123 sk-text"
|
>0～3岁婴幼儿认知与语言发展及教育</view
|
>
|
<view
|
class="book-author book-color sk-transparent sk-text-14-2857-460 sk-text"
|
>李营 编著</view
|
>
|
</view>
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view
|
class="book-name book-color sk-transparent sk-text-14-2857-528 sk-text"
|
>现代汉语基础理论与应用</view
|
>
|
<view
|
class="book-author book-color sk-transparent sk-text-14-2857-790 sk-text"
|
>刁晏斌</view
|
>
|
</view>
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view
|
class="book-name book-color sk-transparent sk-text-14-2857-263 sk-text"
|
>中国古代文学名篇导读中国古代文学名篇导读中国古代文学名篇导读</view
|
>
|
<view
|
class="book-author book-color sk-transparent sk-text-14-2857-995 sk-text"
|
>过常宝 康震</view
|
>
|
</view>
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
<view class="book-box" data-book="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</page-meta>
|
</view>
|
</template>
|
