<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午4:16:10
|
使用方法：
|
在 F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\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="search">
|
<view class="navBar-search t-search search--t-search " style="width: 90%;">
|
<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="请输入订单编号" 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 class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs">
|
<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">
|
<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-424 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-270 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-819 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-395 sk-text">已取消</view>
|
</view>
|
</view>
|
</scroll-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="list">
|
<view class="content-item">
|
<view class="order-cent">
|
<text class="order-cent-one sk-transparent sk-text-14-2857-448 sk-text">订单号: 301844350202404011817042</text>
|
<text class="right cancal sk-transparent sk-text-14-2857-336 sk-text">已取消</text>
|
</view>
|
<view class="order-centent">
|
<scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
|
<view class="bookBox flex" data-book="[object Object]" data-remarks="电子书">
|
<view class="leftCon fl">
|
<image class="purchasedIcon sk-image" mode="aspectFit"></image>
|
</view>
|
<view class="rightCon">
|
<view class="productTitle sk-transparent sk-text-10-5263-480 sk-text">C++语言程序设计</view>
|
<view class="top">
|
<text class="typeBox sk-transparent sk-text-14-2857-439 sk-text">图书服务-电子书</text>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
<view class="count">
|
<text class="sk-transparent sk-text-14-2857-155 sk-text">￥53.80</text>
|
</view>
|
</view>
|
<view class="order-top">
|
<view class="button-bottem sk-transparent">总计：
|
<text class="price sk-transparent sk-text-14-2857-44 sk-text">￥53.80</text>
|
</view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="order-cent">
|
<text class="order-cent-one sk-transparent sk-text-14-2857-654 sk-text">订单号: 301844350202404011757292</text>
|
<text class="right cancal sk-transparent sk-text-14-2857-109 sk-text">已取消</text>
|
</view>
|
<view class="order-centent">
|
<scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
|
<view class="bookBox flex" data-book="[object Object]" data-remarks="电子书">
|
<view class="leftCon fl">
|
<image class="purchasedIcon sk-image" mode="aspectFit"></image>
|
</view>
|
<view class="rightCon">
|
<view class="productTitle sk-transparent sk-text-10-5263-517 sk-text">数据库原理与应用技术</view>
|
<view class="top">
|
<text class="typeBox sk-transparent sk-text-14-2857-633 sk-text">图书服务-电子书</text>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
<view class="count">
|
<text class="sk-transparent sk-text-14-2857-5 sk-text">￥59.90</text>
|
</view>
|
</view>
|
<view class="order-top">
|
<view class="button-bottem sk-transparent">总计：
|
<text class="price sk-transparent sk-text-14-2857-807 sk-text">￥59.90</text>
|
</view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="order-cent">
|
<text class="order-cent-one sk-transparent sk-text-14-2857-837 sk-text">订单号: 301844350202403281603315</text>
|
<text class="right cancal sk-transparent sk-text-14-2857-983 sk-text">已取消</text>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
</template>
|
