<!--
|
此文件为开发者工具生成，生成时间: 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-- " style="true">
|
<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-- " style="true">
|
<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-- " style="true">
|
<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" style="true">
|
<view class=" t-loading__spinner loading--t-loading__spinner t-loading__spinner--circular loading--t-loading__spinner--circular" style="width: 20px; height: 20px; animation-duration: 0.8s; animation-play-state: running;">
|
<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>
|
