<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午2:18:24
|
使用方法：
|
在 F:\project-2024\jsek-applet\packageDomain\pages\sampleBookList\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 F:\project-2024\jsek-applet\packageDomain\pages\sampleBookList\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<view>
|
<view class="page-header">
|
<view style="width: 100%; height: 44px;"></view>
|
<view class="nacigationBar" style="width: 100%; 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: 232px;">
|
<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" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder- selection-end="-1" selection-start="-1" type="text" value="true"></view>
|
</view>
|
</view>
|
</view>
|
<view class="list-header">
|
<view class="header-scroll">
|
<view class="srcolbox">
|
<view class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle" id="e32012ea--t-bar">
|
<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-921 sk-text">总分类</view>
|
<view class="t-icon icon--t-icon menu--undefined 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 t-dropdown-menu__item--disabled menu--t-dropdown-menu__item--disabled sk-button" data-index="1">
|
<view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-902 sk-text">一级分类</view>
|
<view class="t-icon icon--t-icon menu--undefined 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 t-dropdown-menu__item--disabled menu--t-dropdown-menu__item--disabled sk-button" data-index="2">
|
<view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-380 sk-text"> 二级</view>
|
<view class="t-icon icon--t-icon menu--undefined 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 class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-593 sk-text">默认排序</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="bookServices-list">
|
<view class="list-body">
|
<movable-area class="movable-area">
|
<scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
|
<view class="title">
|
<view class="line"></view>
|
<view class="icon">
|
<image class="iconImage sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
<view class="book-list">
|
<view class="book-box">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="68dea408--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="book-name book-color sk-transparent sk-text-14-2857-536 sk-text" data-book="[object Object]">“互联网+”文化创意创业</view>
|
<view class="book-author book-color sk-transparent sk-text-14-2857-282 sk-text">刘丹</view>
|
<view class="checkbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent sk-text-20-8333-360 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
</view>
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
|
<view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper ">
|
<label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title t-checkbox__title--disabled checkbox--t-checkbox__title--disabled t-checkbox__title--checked checkbox--t-checkbox__title--checked sk-transparent sk-text-20-8333-397 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description t-checkbox__description--disabled checkbox--t-checkbox__description--disabled " style="-webkit-line-clamp:5"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="book-box">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f0e8c605--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="book-name book-color sk-transparent sk-text-14-2857-156 sk-text" data-book="[object Object]">中学生物学实验教学论（第3版）</view>
|
<view class="book-author book-color sk-transparent sk-text-14-2857-975 sk-text">徐作英</view>
|
<view class="checkbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent sk-text-20-8333-650 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
</view>
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle t-checkbox__icon-rectangle--disabled checkbox--t-checkbox__icon-rectangle--disabled"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title t-checkbox__title--disabled checkbox--t-checkbox__title--disabled sk-transparent sk-text-20-8333-168 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description t-checkbox__description--disabled checkbox--t-checkbox__description--disabled " style="-webkit-line-clamp:5"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="book-box">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="2508fe19--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="book-name book-color sk-transparent sk-text-14-2857-79 sk-text" data-book="[object Object]">电子政务（第3版）</view>
|
<view class="book-author book-color sk-transparent sk-text-14-2857-886 sk-text">孙宇</view>
|
<view class="checkbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent sk-text-20-8333-304 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
</view>
|
</view>
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
|
<view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper ">
|
<label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title t-checkbox__title--disabled checkbox--t-checkbox__title--disabled t-checkbox__title--checked checkbox--t-checkbox__title--checked sk-transparent sk-text-20-8333-292 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="book-box">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="53a65354--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="book-name book-color sk-transparent sk-text-14-2857-673 sk-text" data-book="[object Object]">会议策划与组织（第二版）</view>
|
<view class="book-author book-color sk-transparent sk-text-14-2857-499 sk-text">周健华</view>
|
<view class="checkbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent sk-text-20-8333-491 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
</view>
|
</view>
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent sk-text-20-8333-784 sk-text" style="-webkit-line-clamp:3">
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
<movable-view class="movable-view" direction="all" style="transform: translateX(23px) translateY(105.3px) translateZ(0px) scale(1); transform-origin: center center; will-change: auto;">
|
<view class="applyBox">
|
<view class="box">
|
<image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="dbf47068--image" mode="heightFix" style="width: 92px;"></image>
|
</view>
|
</view>
|
</movable-view>
|
</movable-area>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
