闫增涛
2025-03-31 04c7b0163caeae4ab1c5da62e301fa993101cfad
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!--
此文件为开发者工具生成,生成时间: 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>