index.skeleton.wxml
4.85 KB
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
78
79
80
81
82
83
84
85
86
87
<!--
此文件为开发者工具生成，生成时间: 2020/4/17 下午2:12:45
使用方法：
1. 在"pack-checkout\pages\index.wxml"中使用`include`指令引入此模板，
2. 在"pack-checkout\pages\index.wxss"中使用`import`指令引入"pack-checkout\pages\index.skeleton.wxss"
3. 书写对应的逻辑，来控制骨架屏的显示与隐藏
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<view class="sk-container">
<view is="components/nav/nav">
<view class="nav--nav-main-space" style="height: 64px;">
<view class="nav--nav-main" style="background-color: #ffffff;color:#000000;">
<view class="nav--nav" style="margin-top: 20px;">
<view class="nav--flex-lr nav--part" style="height: 44px; line-height: 44px">
<view class="nav--opt nav--flex-ll">
<view class="nav--back nav--flex-vc">
<image class="nav--back-image sk-image"></image>
</view>
</view>
<view class="nav--title sk-transparent sk-text-32-9545-629 sk-text" style="background-size: 32.0285% 2.75rem; background-position-x: 50%;">周到安排</view>
<view class="nav--opt">
<view></view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="pages sk-image">
<view class="content">
<view is="pack-checkout/components/jinduBar">
<view class="jinduBar--jindu-view">
<view class="jinduBar--tips-info sk-transparent sk-image">3步轻松买单</view>
<view class="jinduBar--top jinduBar--flex-lr sk-pseudo sk-pseudo-circle">
<view class="jinduBar--top-icon jinduBar--flex-vc">
<view class="jinduBar--top-icon-txt jinduBar--flex-vc sk-transparent sk-text-14-2857-157 sk-text" style="background-size: 32.875% 1.225rem;">1</view>
</view>
<view class="jinduBar--top-icon jinduBar--flex-vc">
<view class="jinduBar--top-icon-txt jinduBar--flex-vc sk-transparent sk-text-14-2857-162 sk-text" style="background-size: 32.875% 1.225rem;">2</view>
</view>
<view class="jinduBar--top-icon jinduBar--flex-vc">
<view class="jinduBar--top-icon-txt jinduBar--flex-vc sk-transparent sk-text-14-2857-97 sk-text" style="background-size: 32.875% 1.225rem;">3</view>
</view>
</view>
<view class="jinduBar--bottom jinduBar--flex-lr">
<view class="jinduBar--bottom-txt sk-transparent sk-text-15-0000-926 sk-text" style="background-size: 100% 1.25rem;">获取消费金额</view>
<view class="jinduBar--bottom-txt sk-transparent sk-text-15-0000-606 sk-text" style="background-size: 100% 1.25rem; background-position-x: 50%;">商家反馈消费金额</view>
<view class="jinduBar--bottom-txt sk-transparent sk-text-15-0000-414 sk-text" style="background-size: 100% 1.25rem; background-position-x: 100%;">提前买单</view>
</view>
</view>
</view>
</view>
<checkbox-group>
<view class="content checkout">
<view class="title sk-transparent sk-text-32-5000-940 sk-text" style="border: none; background-size: 35.518% 2.5rem;">买单相关（可选）</view>
<view class="item flex-lr" style="border: none;">
<view class="sk-transparent sk-text-38-4058-984 sk-text" style="background-size: 100% 4.3125rem;">剩余酒水饮料需要退</view>
<checkbox color="#EFEFEF" value="is_wine"></checkbox>
</view>
<view class="item flex-lr" style="border: none;">
<view class="sk-transparent sk-text-38-4058-599 sk-text" style="background-size: 100% 4.3125rem;">菜品打包</view>
<checkbox color="#EFEFEF" value="is_pack"></checkbox>
</view>
</view>
</checkbox-group>
<view class="checkout-get">
<view class="checkout-button sk-transparent">
获取消费金额
<view class="checkout-button-money-tips sk-transparent sk-text-20-5882-11 sk-text" style="background-size: 82.4615% 1.0625rem; background-position-x: 50%;">18.80元红包待用</view>
</view>
</view>
</view>
<view is="components/tips/showModal/showModal" id="showModal">
<view class="showModal--mask showModal--flex-vc showModal--checkout" hidden="true">
<view class="showModal--showModal">
<view class="showModal--header sk-transparent sk-opacity">
确认信息
</view>
<view class="showModal--body sk-transparent sk-opacity">
确认信息
</view>
<view class="showModal--footer showModal--flex-cc"><button plain="true" class="showModal--button-none showModal--confirm showModal--bg-brown sk-transparent sk-button sk-pseudo sk-pseudo-circle" data-type="confirm" style="color: rgb(255, 255, 255); border: none;">知道了</button></view>
</view>
</view>
</view>
</view>