<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午4:53:19
|
使用方法：
|
在 F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\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="container">
|
<view class="page-header">
|
<view class="tabOne">
|
<view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true">
|
<view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
|
<view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
|
<view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
|
<scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true">
|
<view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active " data-index="0">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-997 sk-text">纸质样书</view>
|
</view>
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-843 sk-text">电子样书</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
<view class="t-tabs__content tabs--t-tabs__content">
|
<view class="t-tabs__content-inner tabs--t-tabs__content-inner " style="true">
|
<view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="af48d1db--t_tabs_29_panel_0"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" id="975c2cdd--t_tabs_29_panel_1"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="tabTwo">
|
<view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top custom-tabs" style="true">
|
<view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
|
<view class="t-sticky__content sticky--t-sticky__content ">
|
<view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
|
<scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true">
|
<view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active " data-index="0">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-614 sk-text">全部</view>
|
</view>
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-437 sk-text">审核中</view>
|
</view>
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-449 sk-text">已通过</view>
|
</view>
|
<view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-693 sk-text">未通过</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
<view class="t-tabs__content tabs--t-tabs__content">
|
<view class="t-tabs__content-inner tabs--t-tabs__content-inner " style="true">
|
<view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="73156096--t_tabs_30_panel_0"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="f4c54565--t_tabs_30_panel_1"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="cf470e91--t_tabs_30_panel_2"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="ebd53fa0--t_tabs_30_panel_3"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="pageInfo">
|
<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="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-242 sk-text" style="background-position-x: 50%;">正在刷新...</view>
|
</view>
|
</view>
|
</view>
|
<view class="list">
|
<view class="content-item">
|
<view class="codeInfoBox">
|
<view class="top">
|
<view class="stateBox sk-transparent">状态：
|
<text class="success sk-transparent sk-text-25-0000-403 sk-text">已通过</text>
|
</view>
|
<view class="sk-transparent sk-text-25-0000-613 sk-text">申请日期：2024-04-02</view>
|
</view>
|
<view class="down">
|
<view class="mailInfo">
|
<text class="mailNum sk-transparent sk-text-25-0000-11 sk-text">快递单号：sf1234567892024040212365</text>
|
<text class="mailName sk-transparent sk-text-25-0000-820 sk-text">快递公司：顺丰速递</text>
|
</view>
|
</view>
|
</view>
|
<view class="listBox">
|
<scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
|
<view class="order-centent">
|
<view class="bookBox" data-book="[object Object]">
|
<view class="leftCon">
|
<image class="purchasedIcon sk-image" mode="aspectFit"></image>
|
</view>
|
<view class="rightCon">
|
<view class="productTitle sk-transparent sk-text-18-1818-457 sk-text">感悟汉语</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="codeInfoBox">
|
<view class="top">
|
<view class="stateBox sk-transparent">状态：
|
<text class="success sk-transparent sk-text-25-0000-110 sk-text">已通过</text>
|
</view>
|
<view class="sk-transparent sk-text-25-0000-55 sk-text">申请日期：2024-03-05</view>
|
</view>
|
<view class="down">
|
<view class="mailInfo">
|
<text class="mailNum sk-transparent sk-text-25-0000-996 sk-text">快递单号：zt101102024030501101235469874102365</text>
|
<text class="mailName sk-transparent sk-text-25-0000-592 sk-text">快递公司：中通</text>
|
</view>
|
</view>
|
</view>
|
<view class="listBox">
|
<scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
|
<view class="order-centent">
|
<view class="bookBox" data-book="[object Object]">
|
<view class="leftCon">
|
<image class="purchasedIcon sk-image" mode="aspectFit"></image>
|
</view>
|
<view class="rightCon">
|
<view class="productTitle sk-transparent sk-text-18-1818-369 sk-text">管理学</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
</template>
|
