<!--
|
此文件为开发者工具生成,生成时间: 2024/4/11下午6:11:32
|
使用方法:
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\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="titleBox">
|
<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="navbar-title sk-transparent sk-text-14-2857-250 sk-text">提交订单</view>
|
</view>
|
</view>
|
<view class="paymentPageBox">
|
<view class="content">
|
<view class="shoppingCartList">
|
<view class="cartList">
|
<view class="imageBox">
|
<image mode="aspectFill" class="sk-image"></image>
|
</view>
|
<view class="cartListContent">
|
<view class="cartListDetails">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-345 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-14-2857-176 sk-text"> 普通心理学(第5版)</text>
|
</view>
|
</view>
|
</view>
|
<view class="textBox sk-transparent sk-text-14-2857-709 sk-text">图书服务-电子书</view>
|
<view class="priceBox sk-transparent sk-text-14-2857-364 sk-text">¥33</view>
|
</view>
|
</view>
|
</view>
|
<view class="priceBreakdown">
|
<view class="priceBreakdownContent sk-transparent sk-text-14-2857-646 sk-text">价格明细</view>
|
<view class="amountMoney">
|
<view class="commodityBox sk-transparent sk-text-14-2857-593 sk-text">商品金额</view>
|
<view class="payPriceBox sk-transparent sk-text-14-2857-701 sk-text">¥33.00</view>
|
</view>
|
<view class="amount">
|
<view class="sk-transparent">
|
<text class="sk-transparent sk-text-14-2857-600 sk-text">合计: </text> ¥33.00</view>
|
</view>
|
</view>
|
</view>
|
<view class="paymentBox">
|
<view class="residue sk-transparent">待支付:
|
<text class="residueTextBox sk-transparent sk-text-14-2857-29 sk-text">¥33.00</text>
|
</view>
|
<view>
|
<button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
|
style="true" class="buttonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
|
<view class="t-button__content button--t-button__content sk-transparent sk-text-30-0000-74 sk-text" style="background-position-x: 50%;">微信支付</view>
|
</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|