maooo-skyline-ui-system 0.1.28 → 0.1.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/miniprogram_dist/ai-design-system/component-registry.json +5 -2
- package/miniprogram_dist/ai-design-system/component-schemas/popup-page.schema.json +18 -1
- package/miniprogram_dist/ai-design-system/component-schemas/popup.schema.json +6 -0
- package/miniprogram_dist/ai-design-system/manifest.json +9 -9
- package/miniprogram_dist/ai-design-system/references/figma-foundations-2026-11-05.md +44 -0
- package/miniprogram_dist/ai-design-system/tokens.json +24 -6
- package/miniprogram_dist/index.js +1 -1
- package/miniprogram_dist/popup/popup.js +4 -0
- package/miniprogram_dist/popup/popup.wxml +2 -2
- package/miniprogram_dist/popup/popup.wxss +4 -1
- package/miniprogram_dist/popup-page/popup-page.js +9 -0
- package/miniprogram_dist/popup-page/popup-page.wxml +6 -2
- package/miniprogram_dist/popup-page/popup-page.wxss +22 -1
- package/miniprogram_dist/theme/theme.wxss +18 -0
- package/package.json +1 -1
|
@@ -348,7 +348,8 @@
|
|
|
348
348
|
"Show and hide control",
|
|
349
349
|
"Close request events",
|
|
350
350
|
"Z-index control",
|
|
351
|
-
"Background scroll lock"
|
|
351
|
+
"Background scroll lock",
|
|
352
|
+
"Optional maxHeight override, preserving positional defaults when empty"
|
|
352
353
|
],
|
|
353
354
|
"composes": [],
|
|
354
355
|
"preferredFor": [
|
|
@@ -379,7 +380,9 @@
|
|
|
379
380
|
"Footer confirm and cancel actions",
|
|
380
381
|
"Drag down close request",
|
|
381
382
|
"Z-index control",
|
|
382
|
-
"Centered single-line title with a close button (design 506:2954), via titleAlign=center + closable"
|
|
383
|
+
"Centered single-line title with a close button (design 506:2954), via titleAlign=center + closable",
|
|
384
|
+
"Centered double-line H166 header with subtitle named slot (design665:3731), preserving default single-line behavior",
|
|
385
|
+
"Configurable panel height with default82vh and viewport100vh cap"
|
|
383
386
|
],
|
|
384
387
|
"composes": [
|
|
385
388
|
"mo-popup",
|
|
@@ -14,6 +14,22 @@
|
|
|
14
14
|
"default": "",
|
|
15
15
|
"description": "顶部标题"
|
|
16
16
|
},
|
|
17
|
+
{
|
|
18
|
+
"name": "height",
|
|
19
|
+
"type": "string",
|
|
20
|
+
"default": "82vh",
|
|
21
|
+
"description": "面板高度,支持正数rpx/px/vh等CSS长度;默认保持82vh,最大100vh。固定原稿高度由调用方传入,内容在剩余空间滚动。空字符串回退82vh。"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"name": "headerVariant",
|
|
25
|
+
"type": "string",
|
|
26
|
+
"default": "default",
|
|
27
|
+
"enum": [
|
|
28
|
+
"default",
|
|
29
|
+
"center-double"
|
|
30
|
+
],
|
|
31
|
+
"description": "default 保持现有标题对齐与H120居中单行;center-double 对应原稿H166居中双行,使用subtitle命名插槽(搭配showHandle=false),不内置业务评分"
|
|
32
|
+
},
|
|
17
33
|
{
|
|
18
34
|
"name": "zIndex",
|
|
19
35
|
"type": "number",
|
|
@@ -121,7 +137,8 @@
|
|
|
121
137
|
"onCancel"
|
|
122
138
|
],
|
|
123
139
|
"slots": [
|
|
124
|
-
"default"
|
|
140
|
+
"default",
|
|
141
|
+
"subtitle"
|
|
125
142
|
],
|
|
126
143
|
"tokens": [
|
|
127
144
|
"color.text.primary",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"package": {
|
|
3
3
|
"name": "maooo-skyline-ui-system",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.30"
|
|
5
5
|
},
|
|
6
|
-
"snapshotVersion": "0.1.
|
|
7
|
-
"generatedAt": "2026-11-
|
|
6
|
+
"snapshotVersion": "0.1.30",
|
|
7
|
+
"generatedAt": "2026-11-05T07:54:45.484Z",
|
|
8
8
|
"description": "Read-only design spec snapshot for AI page generation in business projects. Source of truth is design-system/ and packages/ui/.",
|
|
9
9
|
"readOrder": [
|
|
10
10
|
"DESIGN.md",
|
|
@@ -112,15 +112,15 @@
|
|
|
112
112
|
"tokens.json"
|
|
113
113
|
],
|
|
114
114
|
"sourceHashes": {
|
|
115
|
-
"design-system/tokens/source/border-width.json": "sha256:
|
|
116
|
-
"design-system/tokens/source/color.json": "sha256:
|
|
115
|
+
"design-system/tokens/source/border-width.json": "sha256:578d218963dc25bd52364a620f74992c357d7dabd7b96a3db73578bf08024275",
|
|
116
|
+
"design-system/tokens/source/color.json": "sha256:1d45ecc19db95af7333a25941f1d7b85833647576a99dc13cc66330656f1fe95",
|
|
117
117
|
"design-system/tokens/source/radius.json": "sha256:bfd50ac1fdf091ad94a00f201712cce42e889797270fb0be87ee6cb075c2ff5c",
|
|
118
118
|
"design-system/tokens/source/shadow.json": "sha256:025bdabeb6b3e04c4174792506832f686f0662b12740dd3b5612846a4e063362",
|
|
119
|
-
"design-system/tokens/source/spacing.json": "sha256:
|
|
120
|
-
"design-system/tokens/source/typography.json": "sha256:
|
|
119
|
+
"design-system/tokens/source/spacing.json": "sha256:7ee3492fe060061716d8d5a4391d22963c59b813e2fe5733768076635ef7ff19",
|
|
120
|
+
"design-system/tokens/source/typography.json": "sha256:151fe8a90e608d9126023457cfdd568369889b46d60f934965eccb9e39853a7d",
|
|
121
121
|
"design-system/references/figma-user-client-visual-evidence.md": "sha256:2efa1c69fc6097d7eda863fe41b67ada604af2de5b7abfad6133a99f4dff134a",
|
|
122
|
-
"design-system/references/figma-foundations-2026-11-05.md": "sha256:
|
|
122
|
+
"design-system/references/figma-foundations-2026-11-05.md": "sha256:21044fc1e79fe4af025d0281ae98fcc29fcab188cb6ada4ae680d1abfb72f070",
|
|
123
123
|
"design-system/DESIGN.md": "sha256:3b903c674e54fdd762a42fa1e2a4b681aec42ad12cff3f1256dacdf113fde3af",
|
|
124
|
-
"packages/ui/component-registry.json": "sha256:
|
|
124
|
+
"packages/ui/component-registry.json": "sha256:bad3117e78fc8ee59f6bf6b69a38114f393f0a62a9f0c46c870a59318717ca2d"
|
|
125
125
|
}
|
|
126
126
|
}
|
|
@@ -157,3 +157,47 @@ Corrections using existing values: mine order first-item inset40, not42; menu ga
|
|
|
157
157
|
Colors: city divider665:4246 #D9D9D9,2×16, paint/node opacity1 -> color.border.cityDivider. Message divider691:141/144 and others stroke#F5F3F1 opacity1 -> color.border.messageDivider.
|
|
158
158
|
|
|
159
159
|
Typography.size.statValue48=48rpx: direct clock1575:5081/5092/5070 font48/AUTO/MiSans Demibold; walk568:1279/1284/1286/1287 font48/AUTO/MiSans Semibold. Preserve actual font styles where text is rendered; original baked clock PNG does not require remapping its font. No48 line-height is inferred. Typography.letterSpacing.numberTight=-0.05em: ranking404:548/551/552 font26 and404:480/488 font32 all directly report letterSpacing PERCENT−5 with MiSans Semibold/AUTO. This is true relative tracking, not a spacing or geometric alias.
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
## Consolidated follow-up after0.1.28
|
|
163
|
+
|
|
164
|
+
spacing.scale.3=3rpx: 665:3744, 665:3747, 665:3750, 665:3753, 665:3756. 20px star boxes absolute x2052/2075/2098/2121/2144; gap3; list18px stars step22 -> existing4.
|
|
165
|
+
|
|
166
|
+
spacing.scale.5=5rpx: 2307:2748, 2307:2747, 2307:2744, 2307:2743. 44px icon y2915 ends2959 -> font22 AUTO label y2964/h31; gap5.
|
|
167
|
+
|
|
168
|
+
spacing.scale.45=45rpx: 866:1377, 866:1397, 866:1398, 866:1399, 866:1400, 866:1401. font28 PIXELS48; y2421/2514/2607/2700/2793/2886 -> pitch93 -48=45.
|
|
169
|
+
|
|
170
|
+
borderWidth.avatarOverlap=2rpx: 827:1685, 827:1686. 72x72 Vector, strokeWeight2 INSIDE, white solid opacity1; old border4 rejected.
|
|
171
|
+
|
|
172
|
+
spacing.scale.27=27rpx: 1575:5071, 1575:5082, 1575:5060. Direct FRAME autolayout paddingBottom27; paddingTop36; first twoX44, finalX20.
|
|
173
|
+
|
|
174
|
+
spacing.scale.204=204rpx: 2235:2399, 2235:2444. Login navigation y0h176 ends176; rawlogo y380 ->gap204; rendered glyph has internal raw padding, do not confuse painty389.
|
|
175
|
+
|
|
176
|
+
spacing.scale.239=239rpx: 2235:2397, 2245:2531. Loginframeh1624, termsy1341h44 ends1385 ->239; account actual safe area separately, no duplicated240.
|
|
177
|
+
|
|
178
|
+
color.border.scheduleDivider=#D8D8D8: 827:1690. Original SVG b7a1e.svg path2x12 fill#D8D8D8; local original artifact174/order-schedule-divider.svg verified.
|
|
179
|
+
|
|
180
|
+
spacing.scale.2=2rpx: 2260:2631, 2260:2632. number relativex158width72 right230 -> unitrelativex232 =gap2; independent direct boxes.
|
|
181
|
+
|
|
182
|
+
spacing.scale.25=25rpx: 1704:2267, 1704:2321. cardtop6616 -> namegroup6641 =25 actual inner top.
|
|
183
|
+
|
|
184
|
+
spacing.scale.35=35rpx: 1704:2267, 1704:2342, 665:3731, I665:3731;563:4967. profile avatar6581 above card6616 by35; doubleheader title10634 minus headertop10599=35.
|
|
185
|
+
|
|
186
|
+
spacing.scale.37=37rpx: 1704:2265, 1704:2267. hero6331+322=6653 -> card6616, actual overlap37; oldcard280 rejected.
|
|
187
|
+
|
|
188
|
+
spacing.scale.120=120rpx: 985:214, 985:245. Direct absolute navigation y-17 height177 ends160; hero y280 →120. Relative root y-17: nav end177, hero297. This is hero top spacing, not the flexible gap between title and tips..
|
|
189
|
+
|
|
190
|
+
popup-page adds headerVariant=center-double and a subtitle named slot. Original header665:3731 has166 height, title top35 and AUTO36 text, title-to-subtitle gap12. Default120 header and controlled events remain unchanged. Registry, schema, README, formal demo and compatibility tests are updated. Real Skyline3.16.1 native clicks verified double title, five-star subtitle, default body slot and X close, then the default header. Evidence: docs/runtime/2026-11-05/popup-double-evidence.json.
|
|
191
|
+
|
|
192
|
+
Spacing.scale42=42rpx: order detail827:1723 avatar absolute y810/h60 ends870;827:1683 first service group and827:1698 title start912; actual gap42, independent of list1374 padding24+18.
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
## Consolidated0.1.30 runtime corrections
|
|
196
|
+
|
|
197
|
+
Direct665:3596 frame750×1624 startsy10358. Panelbackground665:3599 y10599/h1383 gives actual top241; original1383rpx cannot be represented by existing82vh. popup-page gains public String height default82vh, maximum100vh, while preserving existing measured-height Worklet and controlled protocol. Caller owns original page geometry.
|
|
198
|
+
|
|
199
|
+
Direct1704:2003 60×70 date background solid#FFF5FA paint/node opacity1 gives color.background.calendarDate. Existing same-color gender.femaleBg remains specific to gender and is not reused. Direct671:4939 weight helper text PingFang SC Regular24/AUTO solid#3D3D3D paint/node opacity1 gives color.text.helper; existing input role is not borrowed.
|
|
200
|
+
|
|
201
|
+
Direct2260:2631 price MiSans Medium40/AUTO and665:3742 score MiSans Medium22/AUTO establish typography.family.numberMedium=MiSansMedium, sans-serif. Direct1575:5081 count MiSans Demibold48/AUTO establishes typography.family.numberDemibold=MiSansDemibold, sans-serif. These API family aliases map to original unmodified official Medium/Demibold files at loadFontFace, not modified internal metadata or substituted Semibold. Existing number family remains unchanged. Original archive/CRC/SHA evidence is maooo-mini-program/artifacts/182-original-number-faces.json. Fonts are remote, style-lazy and excluded from packages.
|
|
202
|
+
|
|
203
|
+
Runtime390 confirmed an additional outer constraint: mo-popup bottom panel max-height82vh clipped inner719.2px panel at top152/bottom871.2. Added optional base popup maxHeight String default empty (preserves direction-specific defaults); popup-page passes100vh. Final inner rect top124.9,height719.2,bottom844.1 on844 window, matching source within rounding. Original Worklet retained. Evidence explicitly distinguishes SDK demo opening from native-click acceptance; CUA canvas clicks and320/430 caps remain pending.
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
"borderWidth": {
|
|
3
3
|
"hairline": "1rpx",
|
|
4
4
|
"selection": "4rpx",
|
|
5
|
-
"avatarSelection": "3rpx"
|
|
5
|
+
"avatarSelection": "3rpx",
|
|
6
|
+
"avatarOverlap": "2rpx"
|
|
6
7
|
},
|
|
7
8
|
"color": {
|
|
8
9
|
"brand": {
|
|
@@ -47,7 +48,8 @@
|
|
|
47
48
|
"amount": "#FF3E7A",
|
|
48
49
|
"active": "#FF3E7A",
|
|
49
50
|
"black": "#000000",
|
|
50
|
-
"rankingMuted": "#DDDDDD"
|
|
51
|
+
"rankingMuted": "#DDDDDD",
|
|
52
|
+
"helper": "#3D3D3D"
|
|
51
53
|
},
|
|
52
54
|
"background": {
|
|
53
55
|
"page": "#F8F8F8",
|
|
@@ -67,7 +69,8 @@
|
|
|
67
69
|
"serviceStepActive": "rgba(254, 203, 231, 0.2)",
|
|
68
70
|
"brandPrimary70": "rgba(254, 203, 231, 0.7)",
|
|
69
71
|
"brandPrimary40": "rgba(254, 203, 231, 0.4)",
|
|
70
|
-
"notificationCard": "rgba(255, 255, 255, 0.98)"
|
|
72
|
+
"notificationCard": "rgba(255, 255, 255, 0.98)",
|
|
73
|
+
"calendarDate": "#FFF5FA"
|
|
71
74
|
},
|
|
72
75
|
"accent": {
|
|
73
76
|
"amount": "#FF3E7A"
|
|
@@ -84,7 +87,8 @@
|
|
|
84
87
|
"subtle": "#F0F0F0",
|
|
85
88
|
"locationDivider": "rgba(0, 0, 0, 0.1)",
|
|
86
89
|
"cityDivider": "#D9D9D9",
|
|
87
|
-
"messageDivider": "#F5F3F1"
|
|
90
|
+
"messageDivider": "#F5F3F1",
|
|
91
|
+
"scheduleDivider": "#D8D8D8"
|
|
88
92
|
},
|
|
89
93
|
"status": {
|
|
90
94
|
"success": "#11BF59",
|
|
@@ -161,6 +165,9 @@
|
|
|
161
165
|
"pageStart": "100rpx",
|
|
162
166
|
"panelInset": "54rpx",
|
|
163
167
|
"scale": {
|
|
168
|
+
"2": "2rpx",
|
|
169
|
+
"3": "3rpx",
|
|
170
|
+
"5": "5rpx",
|
|
164
171
|
"6": "6rpx",
|
|
165
172
|
"10": "10rpx",
|
|
166
173
|
"11": "11rpx",
|
|
@@ -172,14 +179,20 @@
|
|
|
172
179
|
"21": "21rpx",
|
|
173
180
|
"22": "22rpx",
|
|
174
181
|
"23": "23rpx",
|
|
182
|
+
"25": "25rpx",
|
|
175
183
|
"26": "26rpx",
|
|
184
|
+
"27": "27rpx",
|
|
176
185
|
"30": "30rpx",
|
|
177
186
|
"31": "31rpx",
|
|
178
187
|
"34": "34rpx",
|
|
188
|
+
"35": "35rpx",
|
|
179
189
|
"36": "36rpx",
|
|
190
|
+
"37": "37rpx",
|
|
180
191
|
"39": "39rpx",
|
|
181
192
|
"40": "40rpx",
|
|
193
|
+
"42": "42rpx",
|
|
182
194
|
"44": "44rpx",
|
|
195
|
+
"45": "45rpx",
|
|
183
196
|
"47": "47rpx",
|
|
184
197
|
"50": "50rpx",
|
|
185
198
|
"54": "54rpx",
|
|
@@ -191,7 +204,10 @@
|
|
|
191
204
|
"92": "92rpx",
|
|
192
205
|
"100": "100rpx",
|
|
193
206
|
"101": "101rpx",
|
|
194
|
-
"
|
|
207
|
+
"120": "120rpx",
|
|
208
|
+
"125": "125rpx",
|
|
209
|
+
"204": "204rpx",
|
|
210
|
+
"239": "239rpx"
|
|
195
211
|
}
|
|
196
212
|
},
|
|
197
213
|
"typography": {
|
|
@@ -250,7 +266,9 @@
|
|
|
250
266
|
"semibold": 600
|
|
251
267
|
},
|
|
252
268
|
"family": {
|
|
253
|
-
"number": "MiSans, sans-serif"
|
|
269
|
+
"number": "MiSans, sans-serif",
|
|
270
|
+
"numberMedium": "MiSansMedium, sans-serif",
|
|
271
|
+
"numberDemibold": "MiSansDemibold, sans-serif"
|
|
254
272
|
},
|
|
255
273
|
"letterSpacing": {
|
|
256
274
|
"numberTight": "-0.05em"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
version: "0.1.
|
|
2
|
+
version: "0.1.30",
|
|
3
3
|
components: ["button","calendar","card","countdown","form","form-group","form-input","form-textarea","icon","image-cropper","input","media-upload","navbar","notify","oss-upload","photo-slot","popup","popup-page","progress","rate","stepper","switch","tab","tabs","textarea","toast","upload"]
|
|
4
4
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<block wx:if="{{show}}">
|
|
2
2
|
<view wx:if="{{lockScroll}}" class="mo-popup" style="z-index: {{zIndex}};" catchtouchmove="handleTouchMove">
|
|
3
3
|
<view class="mo-popup__mask" bindtap="handleMaskTap" catchtouchmove="handleTouchMove"></view>
|
|
4
|
-
<view class="mo-popup__panel mo-popup__panel--{{position}}">
|
|
4
|
+
<view class="mo-popup__panel mo-popup__panel--{{position}}" style="{{maxHeight ? 'max-height: ' + maxHeight + ';' : ''}}">
|
|
5
5
|
<slot></slot>
|
|
6
6
|
</view>
|
|
7
7
|
</view>
|
|
8
8
|
<view wx:else class="mo-popup" style="z-index: {{zIndex}};">
|
|
9
9
|
<view class="mo-popup__mask" bindtap="handleMaskTap"></view>
|
|
10
|
-
<view class="mo-popup__panel mo-popup__panel--{{position}}">
|
|
10
|
+
<view class="mo-popup__panel mo-popup__panel--{{position}}" style="{{maxHeight ? 'max-height: ' + maxHeight + ';' : ''}}">
|
|
11
11
|
<slot></slot>
|
|
12
12
|
</view>
|
|
13
13
|
</view>
|
|
@@ -13,7 +13,10 @@
|
|
|
13
13
|
bottom: 0;
|
|
14
14
|
left: 0;
|
|
15
15
|
background: rgba(0, 0, 0, 0.6);
|
|
16
|
-
animation: mo-popup-mask-in
|
|
16
|
+
animation-name: mo-popup-mask-in;
|
|
17
|
+
animation-duration: 240ms;
|
|
18
|
+
animation-timing-function: ease-out;
|
|
19
|
+
animation-fill-mode: both;
|
|
17
20
|
}
|
|
18
21
|
|
|
19
22
|
.mo-popup__panel {
|
|
@@ -21,6 +21,7 @@ function getWindowHeight() {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
Component({
|
|
24
|
+
options: { multipleSlots: true },
|
|
24
25
|
properties: {
|
|
25
26
|
show: {
|
|
26
27
|
type: Boolean,
|
|
@@ -30,6 +31,14 @@ Component({
|
|
|
30
31
|
type: String,
|
|
31
32
|
value: ""
|
|
32
33
|
},
|
|
34
|
+
height: {
|
|
35
|
+
type: String,
|
|
36
|
+
value: "82vh"
|
|
37
|
+
},
|
|
38
|
+
headerVariant: {
|
|
39
|
+
type: String,
|
|
40
|
+
value: "default"
|
|
41
|
+
},
|
|
33
42
|
zIndex: {
|
|
34
43
|
type: Number,
|
|
35
44
|
value: 999
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
<mo-popup
|
|
2
2
|
show="{{rendered}}"
|
|
3
3
|
position="bottom"
|
|
4
|
+
max-height="100vh"
|
|
4
5
|
closeOnMask="{{closeOnMask}}"
|
|
5
6
|
zIndex="{{zIndex}}"
|
|
6
7
|
lockScroll="{{lockScroll}}"
|
|
7
8
|
bind:click="handleMaskClick"
|
|
8
9
|
bind:close="handleClose"
|
|
9
10
|
>
|
|
10
|
-
<view class="mo-popup-page {{customClass}}" style="{{panelStyle}}">
|
|
11
|
+
<view class="mo-popup-page {{customClass}}" style="height: {{height || '82vh'}}; {{panelStyle}}">
|
|
11
12
|
<vertical-drag-gesture-handler wx:if="{{showHandle || title}}" worklet:ongesture="handlePanelDrag">
|
|
12
13
|
<view class="mo-popup-page__drag-region">
|
|
13
14
|
<view wx:if="{{showHandle}}" class="mo-popup-page__handle-area">
|
|
@@ -16,9 +17,12 @@
|
|
|
16
17
|
|
|
17
18
|
<view
|
|
18
19
|
wx:if="{{title}}"
|
|
19
|
-
class="mo-popup-page__header mo-popup-page__header--{{titleAlign}}"
|
|
20
|
+
class="mo-popup-page__header mo-popup-page__header--{{headerVariant === 'center-double' ? 'center' : titleAlign}} {{headerVariant === 'center-double' ? 'is-double' : ''}}"
|
|
20
21
|
>
|
|
21
22
|
<text class="mo-popup-page__title">{{title}}</text>
|
|
23
|
+
<view wx:if="{{headerVariant === 'center-double'}}" class="mo-popup-page__subtitle">
|
|
24
|
+
<slot name="subtitle"></slot>
|
|
25
|
+
</view>
|
|
22
26
|
<!--
|
|
23
27
|
关闭按钮。设计「浮层标题-居中-单行 H120」(506:2954)里点击区域为 48rpx,
|
|
24
28
|
可见 ✕ 约 25rpx、色值 #999999(506:2947)。当前 close 字形接近铺满画布,
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
width: 100vw;
|
|
6
6
|
height: 82vh;
|
|
7
|
-
max-height:
|
|
7
|
+
max-height: 100vh;
|
|
8
8
|
overflow: hidden;
|
|
9
9
|
border-radius: var(--mo-radius-xl, 36rpx) var(--mo-radius-xl, 36rpx) 0 0;
|
|
10
10
|
background-color: var(--mo-color-background-surface, #FFFFFF);
|
|
@@ -129,3 +129,24 @@
|
|
|
129
129
|
align-items: center;
|
|
130
130
|
justify-content: center;
|
|
131
131
|
}
|
|
132
|
+
|
|
133
|
+
/* Figma665:3731 H166: title top35, AUTO36; subtitle gap12. */
|
|
134
|
+
.mo-popup-page__header--center.is-double {
|
|
135
|
+
height: 166rpx;
|
|
136
|
+
flex-direction: column;
|
|
137
|
+
justify-content: flex-start;
|
|
138
|
+
padding-top: var(--mo-spacing-scale-35, 35rpx);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.mo-popup-page__header--center.is-double .mo-popup-page__title {
|
|
142
|
+
flex: none;
|
|
143
|
+
line-height: normal;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.mo-popup-page__subtitle {
|
|
147
|
+
flex: none;
|
|
148
|
+
display: flex;
|
|
149
|
+
align-items: center;
|
|
150
|
+
justify-content: center;
|
|
151
|
+
margin-top: var(--mo-spacing-3, 12rpx);
|
|
152
|
+
}
|
|
@@ -4,6 +4,7 @@ page,
|
|
|
4
4
|
--mo-border-width-hairline: 1rpx;
|
|
5
5
|
--mo-border-width-selection: 4rpx;
|
|
6
6
|
--mo-border-width-avatar-selection: 3rpx;
|
|
7
|
+
--mo-border-width-avatar-overlap: 2rpx;
|
|
7
8
|
--mo-color-brand-primary: #FECBE7;
|
|
8
9
|
--mo-color-brand-primary-active: #FF7688;
|
|
9
10
|
--mo-color-brand-primary-subtle: #FFC2C2;
|
|
@@ -34,6 +35,7 @@ page,
|
|
|
34
35
|
--mo-color-text-active: #FF3E7A;
|
|
35
36
|
--mo-color-text-black: #000000;
|
|
36
37
|
--mo-color-text-ranking-muted: #DDDDDD;
|
|
38
|
+
--mo-color-text-helper: #3D3D3D;
|
|
37
39
|
--mo-color-background-page: #F8F8F8;
|
|
38
40
|
--mo-color-background-surface: #FFFFFF;
|
|
39
41
|
--mo-color-background-subtle: #FAFAFA;
|
|
@@ -52,6 +54,7 @@ page,
|
|
|
52
54
|
--mo-color-background-brand-primary-70: rgba(254, 203, 231, 0.7);
|
|
53
55
|
--mo-color-background-brand-primary-40: rgba(254, 203, 231, 0.4);
|
|
54
56
|
--mo-color-background-notification-card: rgba(255, 255, 255, 0.98);
|
|
57
|
+
--mo-color-background-calendar-date: #FFF5FA;
|
|
55
58
|
--mo-color-accent-amount: #FF3E7A;
|
|
56
59
|
--mo-color-gender-female: #FF86C9;
|
|
57
60
|
--mo-color-gender-male: #38A6FF;
|
|
@@ -63,6 +66,7 @@ page,
|
|
|
63
66
|
--mo-color-border-location-divider: rgba(0, 0, 0, 0.1);
|
|
64
67
|
--mo-color-border-city-divider: #D9D9D9;
|
|
65
68
|
--mo-color-border-message-divider: #F5F3F1;
|
|
69
|
+
--mo-color-border-schedule-divider: #D8D8D8;
|
|
66
70
|
--mo-color-status-success: #11BF59;
|
|
67
71
|
--mo-color-status-warning: #FC9517;
|
|
68
72
|
--mo-color-status-danger: #FA5051;
|
|
@@ -119,6 +123,9 @@ page,
|
|
|
119
123
|
--mo-spacing-section-gap-lg: 60rpx;
|
|
120
124
|
--mo-spacing-page-start: 100rpx;
|
|
121
125
|
--mo-spacing-panel-inset: 54rpx;
|
|
126
|
+
--mo-spacing-scale-2: 2rpx;
|
|
127
|
+
--mo-spacing-scale-3: 3rpx;
|
|
128
|
+
--mo-spacing-scale-5: 5rpx;
|
|
122
129
|
--mo-spacing-scale-6: 6rpx;
|
|
123
130
|
--mo-spacing-scale-10: 10rpx;
|
|
124
131
|
--mo-spacing-scale-11: 11rpx;
|
|
@@ -130,14 +137,20 @@ page,
|
|
|
130
137
|
--mo-spacing-scale-21: 21rpx;
|
|
131
138
|
--mo-spacing-scale-22: 22rpx;
|
|
132
139
|
--mo-spacing-scale-23: 23rpx;
|
|
140
|
+
--mo-spacing-scale-25: 25rpx;
|
|
133
141
|
--mo-spacing-scale-26: 26rpx;
|
|
142
|
+
--mo-spacing-scale-27: 27rpx;
|
|
134
143
|
--mo-spacing-scale-30: 30rpx;
|
|
135
144
|
--mo-spacing-scale-31: 31rpx;
|
|
136
145
|
--mo-spacing-scale-34: 34rpx;
|
|
146
|
+
--mo-spacing-scale-35: 35rpx;
|
|
137
147
|
--mo-spacing-scale-36: 36rpx;
|
|
148
|
+
--mo-spacing-scale-37: 37rpx;
|
|
138
149
|
--mo-spacing-scale-39: 39rpx;
|
|
139
150
|
--mo-spacing-scale-40: 40rpx;
|
|
151
|
+
--mo-spacing-scale-42: 42rpx;
|
|
140
152
|
--mo-spacing-scale-44: 44rpx;
|
|
153
|
+
--mo-spacing-scale-45: 45rpx;
|
|
141
154
|
--mo-spacing-scale-47: 47rpx;
|
|
142
155
|
--mo-spacing-scale-50: 50rpx;
|
|
143
156
|
--mo-spacing-scale-54: 54rpx;
|
|
@@ -149,7 +162,10 @@ page,
|
|
|
149
162
|
--mo-spacing-scale-92: 92rpx;
|
|
150
163
|
--mo-spacing-scale-100: 100rpx;
|
|
151
164
|
--mo-spacing-scale-101: 101rpx;
|
|
165
|
+
--mo-spacing-scale-120: 120rpx;
|
|
152
166
|
--mo-spacing-scale-125: 125rpx;
|
|
167
|
+
--mo-spacing-scale-204: 204rpx;
|
|
168
|
+
--mo-spacing-scale-239: 239rpx;
|
|
153
169
|
--mo-font-size-headline-lg: 42rpx;
|
|
154
170
|
--mo-font-size-title-1: 38rpx;
|
|
155
171
|
--mo-font-size-title-2: 36rpx;
|
|
@@ -196,5 +212,7 @@ page,
|
|
|
196
212
|
--mo-font-weight-medium: 500;
|
|
197
213
|
--mo-font-weight-semibold: 600;
|
|
198
214
|
--mo-font-family-number: MiSans, sans-serif;
|
|
215
|
+
--mo-font-family-number-medium: MiSansMedium, sans-serif;
|
|
216
|
+
--mo-font-family-number-demibold: MiSansDemibold, sans-serif;
|
|
199
217
|
--mo-letter-spacing-number-tight: -0.05em;
|
|
200
218
|
}
|
package/package.json
CHANGED