<!--
|
此文件为开发者工具生成,生成时间: 2024/4/11下午5:52:08
|
使用方法:
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<view class="outsideBigTitleBox">
|
<view class="bigTitleBox">
|
<view style="width: 100%; height: 44px"></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="example-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"
|
>
|
<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="请输入书展名称"
|
placeholder-class=" t-search__placeholder t-search__placeholder--normal"
|
placeholder-style="true"
|
selection-end="-1"
|
selection-start="-1"
|
type="text"
|
value="true"
|
></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="outsideMenuBox">
|
<view class="menuBox">
|
<view
|
class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle"
|
id="854edf0e--t-bar"
|
style="true"
|
>
|
<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-11 sk-text"
|
>总分类</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--undefined 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 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-671 sk-text"
|
>
|
获奖情况</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--undefined 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-80 sk-text"
|
>出版时间正序</view
|
>
|
<view
|
class="t-icon icon--t-icon menu--undefined 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>
|
</view>
|
</view>
|
</view>
|
<view class="assembleContent">
|
<view class="titleBox">
|
<view class="frameBox"></view>
|
<view class="titleTextBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
<scroll-view class="scrollViewBox" scroll-y="true">
|
<view class="outside">
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-979 sk-text"
|
>2023年秋季计算机系列线上书展</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-568 sk-text"
|
>2024春高等学校中文类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-931 sk-text"
|
>2024春“十四五”职业教育国家规划教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-724 sk-text"
|
>2024春高等学校艺术类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-915 sk-text"
|
>2024春高等学校新闻类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-211 sk-text"
|
>2024春高等学校历史类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-847 sk-text"
|
>2024春高等学校社会学类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="textBox">
|
<text class="sk-transparent sk-text-14-2857-592 sk-text"
|
>2024春高等学校哲学与政治学类精品教材</text
|
>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
<view class="contentBox" data-item="[object Object]">
|
<view class="imageBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</template>
|