detail.skeleton.wxml
15.7 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!--
此文件为开发者工具生成，生成时间: 2020/9/9 上午10:53:23
使用方法：
在 pages\reserve\detail.wxml 引入模板
```
<import src="detail.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```
在 pages\reserve\detail.wxss 中引入样式
```
@import "./detail.skeleton.wxss";
```
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<view class="sk-container">
<view is="components/layout">
<view class="layout--layout">
<view class="layout--button" hover-class="none">
<view class="layout--fixed">
<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-289 sk-text" style="background-position-x: 50%;">
锦色烤鸭(学院路店)
</view>
<view class="nav--opt">
<view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="tabs flex-lr">
<view class="tabs-item flex-vc" data-act="detail">
<view class="tabs-item-text sk-transparent sk-text-31-2500-333 sk-text" style="border: none;">
餐厅详情
</view>
</view>
<view class="tabs-item flex-vc" data-act="reserve">
<view class="tabs-item-text active sk-transparent sk-text-31-2500-842 sk-text" style="border: none;">
包间预订
</view>
</view>
</view>
<view>
<view class="olreserve bg_white">
<view is="components/reserve/week-calendar/week-calendar">
<view class="week-calendar--week-calendar">
<view class="week-calendar--week-calendar-header week-calendar--flex-lr">
<view class="week-calendar--week-calendar-header-title week-calendar--week-calendar-header-item week-calendar--black-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-14-2857-940 sk-text">
2020-09
</view>
<view class="week-calendar--week-calendar-header-more week-calendar--week-calendar-header-item week-calendar--flex-rr">
<view class="week-calendar--black-font week-calendar--font24r sk-transparent sk-text-14-2857-967 sk-text">
更多
</view>
<image class="week-calendar--click-icon sk-image">
</image>
</view>
</view>
<view class="week-calendar--week-calendar-week week-calendar--flex-lr">
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-533 sk-text" style="line-height:20px;">
日
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-646 sk-text" style="line-height:20px;">
一
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-837 sk-text" style="line-height:20px;">
二
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-89 sk-text" style="line-height:20px;">
三
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-207 sk-text" style="line-height:20px;">
四
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-483 sk-text" style="line-height:20px;">
五
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold sk-transparent sk-text-12-5000-808 sk-text" style="line-height:20px;">
六
</view>
</view>
<view class="week-calendar--week-calendar-content">
<view class="week-calendar--week-calendar-day-list week-calendar--flex-lr">
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-567 sk-text" data-date="2020-09-06">
6
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-697 sk-text" data-date="2020-09-07">
7
</view>
<view class="week-calendar--gray-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-388 sk-text" data-date="2020-09-08">
8
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc week-calendar--today week-calendar--bg-yellow week-calendar--white-font sk-transparent sk-image" data-date="2020-09-09" style="border: none;">
今
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-600 sk-text" data-date="2020-09-10">
明
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-658 sk-text" data-date="2020-09-11">
11
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-830 sk-text" data-date="2020-09-12">
12
</view>
</view>
<view class="week-calendar--week-calendar-day-list week-calendar--flex-lr">
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-880 sk-text" data-date="2020-09-13">
13
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-975 sk-text" data-date="2020-09-14">
14
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-984 sk-text" data-date="2020-09-15">
15
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-35 sk-text" data-date="2020-09-16">
16
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-128 sk-text" data-date="2020-09-17">
17
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-164 sk-text" data-date="2020-09-18">
18
</view>
<view class="week-calendar--font-font week-calendar--font30r week-calendar--Semibold week-calendar--week-calendar-day week-calendar--flex-cc sk-transparent sk-text-14-2857-181 sk-text" data-date="2020-09-19">
19
</view>
</view>
</view>
</view>
</view>
<view class="reserve-time Semibold sk-transparent sk-text-14-2857-855 sk-text">
预订时段
</view>
<view is="components/reserve/section/section">
<view class="section--section section--flex-lr">
<view class="section--flex-vc section--section-single section--bg-yellow sk-image" data-index="0" data-section="noon" style="width:172px;">
<view class="section--white-font section--font30r section--Semibold sk-transparent sk-text-14-2857-318 sk-text">
午餐
</view>
<view class="section--white-font section--font24r sk-transparent sk-text-14-7059-472 sk-text" style="line-height:17px;">
11:00-14:30
</view>
</view>
<view class="section--flex-vc section--section-single" data-index="1" data-section="night" style="width:172px;">
<view class="section--font30r section--Semibold sk-transparent sk-text-14-2857-132 sk-text">
晚餐
</view>
<view class="section--font24r sk-transparent sk-text-14-7059-671 sk-text" style="line-height:17px;">
16:00-21:00
</view>
</view>
</view>
</view>
<view is="components/reserve/select-room/select-room">
<view class="select-room--select-rooms select-room--flex-rs">
<view class="select-room--select-rooms-title select-room--black-font select-room--font-bold select-room--font30r select-room--flex-ll sk-transparent sk-text-14-2857-571 sk-text">
已选包间
</view>
</view>
<view is="components/reserve/room/room" id="room">
<view class="room-room--room-list room-room--flex-rs">
<view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="61" data-index="0" data-selectnum="0" style="justify-content: center; border: none;">
<view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-737 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
8人间
</view>
<view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-647 sk-text">
最多可坐10人
</view>
</view>
<view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="62" data-index="1" data-selectnum="0" style="justify-content: center; border: none;">
<view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-205 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
10人间
</view>
<view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-71 sk-text">
最多可坐12人
</view>
</view>
<view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="63" data-index="2" data-selectnum="0" style="justify-content: center; border: none;">
<view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-545 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
12人间
</view>
<view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-542 sk-text">
最多可坐14人
</view>
</view>
<view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="64" data-index="3" data-selectnum="0" style="justify-content: center; border: none;">
<view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-573 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
15人间
</view>
<view class="room-room--font24r room-room--room-more sk-transparent sk-text-8-3333-268 sk-text">
最多可坐16人
</view>
</view>
<view class="room-room--room-item room-room--black-font room-room--border-yellow room-room--bg-yellow room-room--flex-vl" data-fid="null" data-id="65" data-index="4" data-selectnum="0" style="justify-content: center; border: none;">
<view class="room-room--font30r room-room--font-bold sk-transparent sk-text-8-3333-77 sk-text" style="width:100%;padding-right:31px;box-sizing:border-box; block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
大厅10人桌
</view>
</view>
</view>
</view>
</view>
</view>
<view class="reserve-button-cover flex-cc">
<view class="white-font font32r reserve-button flex-cc sk-transparent sk-text-14-2857-397 sk-text">
选好了
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>