rain/jiapuapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整A01安卓视觉比例

Browse Source
This commit is contained in:
rain
2026-07-21 11:13:26 +08:00
parent c5af1f2414
commit bc4061c8dc
2 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/auth/a01-entry.vue
+20 -18
View File
@@ -391,6 +391,8 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
flex: 0 0 auto; flex: 0 0 auto;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: calc(var(--app-safe-top) + min(36.5vw, 175px));
overflow: hidden;
padding-top: var(--app-safe-top); padding-top: var(--app-safe-top);
background: #940400; background: #940400;
} }
@@ -404,10 +406,10 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
.brand-seal { .brand-seal {
position: absolute; position: absolute;
top: calc(var(--app-safe-top) + clamp(8px, 2vw, 14px)); top: calc(var(--app-safe-top) + clamp(46px, 11.5vw, 58px));
left: 50%; left: 50%;
width: clamp(60px, 19vw, 86px); width: clamp(56px, 17vw, 78px);
height: clamp(72px, 23vw, 104px); height: clamp(67px, 20.4vw, 94px);
transform: translateX(-50%); transform: translateX(-50%);
pointer-events: none; pointer-events: none;
} }
@@ -439,21 +441,21 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
min-height: 56px; min-height: 50px;
} }
.login-title { .login-title {
color: #9f170f; color: #9f170f;
font-size: 82rpx; font-size: 58rpx;
font-weight: 700; font-weight: 700;
letter-spacing: 8rpx; letter-spacing: 5rpx;
line-height: 1; line-height: 1;
} }
.title-divider { .title-divider {
flex: none; flex: none;
width: 360rpx; width: 280rpx;
height: 60rpx; height: 46rpx;
filter: brightness(0.68) saturate(1.5) contrast(1.2); filter: brightness(0.68) saturate(1.5) contrast(1.2);
} }
@@ -470,7 +472,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
justify-content: center; justify-content: center;
min-height: 88rpx; min-height: 88rpx;
color: #80684f; color: #80684f;
font-size: 40rpx; font-size: 34rpx;
letter-spacing: 2rpx; letter-spacing: 2rpx;
} }
@@ -522,7 +524,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
min-width: 0; min-width: 0;
min-height: var(--app-touch-min); min-height: var(--app-touch-min);
color: #493323; color: #493323;
font-size: 40rpx; font-size: 30rpx;
} }
.input-placeholder { .input-placeholder {
@@ -551,7 +553,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
min-width: 142rpx; min-width: 142rpx;
min-height: var(--app-touch-min); min-height: var(--app-touch-min);
color: #a9160d; color: #a9160d;
font-size: 32rpx; font-size: 28rpx;
} }
.form-secondary-row { .form-secondary-row {
@@ -566,7 +568,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
align-items: center; align-items: center;
min-height: var(--app-touch-min); min-height: var(--app-touch-min);
color: #a9160d; color: #a9160d;
font-size: 34rpx; font-size: 28rpx;
} }
.login-submit, .login-submit,
@@ -591,8 +593,8 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
z-index: 1; z-index: 1;
grid-area: 1 / 1; grid-area: 1 / 1;
color: #fffaf1; color: #fffaf1;
font-size: 52rpx; font-size: 36rpx;
letter-spacing: 8rpx; letter-spacing: 5rpx;
} }
.other-login-divider { .other-login-divider {
@@ -600,7 +602,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
align-items: center; align-items: center;
min-height: 30px; min-height: 30px;
color: #9f6a27; color: #9f6a27;
font-size: 32rpx; font-size: 28rpx;
white-space: nowrap; white-space: nowrap;
} }
@@ -626,8 +628,8 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
min-height: var(--app-touch-min); min-height: var(--app-touch-min);
height: var(--app-touch-min); height: var(--app-touch-min);
color: #493323; color: #493323;
font-size: 40rpx; font-size: 30rpx;
letter-spacing: 3rpx; letter-spacing: 2rpx;
} }
.wechat-login__content { .wechat-login__content {
@@ -651,7 +653,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
justify-content: center; justify-content: center;
min-height: var(--app-touch-min); min-height: var(--app-touch-min);
color: #493323; color: #493323;
font-size: 31rpx; font-size: 28rpx;
} }
.register-link { .register-link {
tests/a01-a02-ui-contract.ps1
+6 -3
View File
@@ -80,9 +80,10 @@ foreach ($forbidden in @(
} }
$pageRule = [regex]::Match($entry, '(?ms)^\.auth-page\s*\{(?<Body>.*?)^\}') $pageRule = [regex]::Match($entry, '(?ms)^\.auth-page\s*\{(?<Body>.*?)^\}')
$headerRule = [regex]::Match($entry, '(?ms)^\.auth-header\s*\{(?<Body>.*?)^\}')
$paperRule = [regex]::Match($entry, '(?ms)^\.auth-paper\s*\{(?<Body>.*?)^\}') $paperRule = [regex]::Match($entry, '(?ms)^\.auth-paper\s*\{(?<Body>.*?)^\}')
$contentRule = [regex]::Match($entry, '(?ms)^\.login-content\s*\{(?<Body>.*?)^\}') $contentRule = [regex]::Match($entry, '(?ms)^\.login-content\s*\{(?<Body>.*?)^\}')
foreach ($rule in @($pageRule, $paperRule, $contentRule)) { foreach ($rule in @($pageRule, $headerRule, $paperRule, $contentRule)) {
if (-not $rule.Success) { throw 'A01 adaptive layout rule is missing.' } if (-not $rule.Success) { throw 'A01 adaptive layout rule is missing.' }
} }
Assert-Contains -Content $pageRule.Groups['Body'].Value -Expected 'display: flex;' -Message 'A01 root must use flex flow.' Assert-Contains -Content $pageRule.Groups['Body'].Value -Expected 'display: flex;' -Message 'A01 root must use flex flow.'
@@ -91,6 +92,8 @@ Assert-Contains -Content $pageRule.Groups['Body'].Value -Expected 'min-height: v
if ($pageRule.Groups['Body'].Value -match '(?m)^\s*height:\s*var\(--app-viewport-height\);') { if ($pageRule.Groups['Body'].Value -match '(?m)^\s*height:\s*var\(--app-viewport-height\);') {
throw 'A01 root must not lock content to the viewport.' throw 'A01 root must not lock content to the viewport.'
} }
Assert-Contains -Content $headerRule.Groups['Body'].Value -Expected 'height: calc(var(--app-safe-top) + min(36.5vw, 175px));' -Message 'A01 header must use the approved compact visible slot without distorting its image.'
Assert-Contains -Content $headerRule.Groups['Body'].Value -Expected 'overflow: hidden;' -Message 'A01 header must crop only the excess lower doorway inside its decorative slot.'
Assert-Contains -Content $paperRule.Groups['Body'].Value -Expected 'flex: 1;' -Message 'A01 paper must receive remaining viewport space.' Assert-Contains -Content $paperRule.Groups['Body'].Value -Expected 'flex: 1;' -Message 'A01 paper must receive remaining viewport space.'
Assert-Contains -Content $contentRule.Groups['Body'].Value -Expected 'justify-content: space-between;' -Message 'A01 must distribute spare height in normal flow.' Assert-Contains -Content $contentRule.Groups['Body'].Value -Expected 'justify-content: space-between;' -Message 'A01 must distribute spare height in normal flow.'
Assert-NotContains -Content $contentRule.Groups['Body'].Value -Unexpected 'grid-area:' -Message 'A01 interactive content must not overlap page artwork.' Assert-NotContains -Content $contentRule.Groups['Body'].Value -Unexpected 'grid-area:' -Message 'A01 interactive content must not overlap page artwork.'
@@ -119,8 +122,8 @@ if (-not $dividerRule.Success) {
foreach ($positioning in @('position: absolute', 'left: 50%', 'translateX(')) { foreach ($positioning in @('position: absolute', 'left: 50%', 'translateX(')) {
Assert-NotContains -Content $dividerRule.Groups['Body'].Value -Unexpected $positioning -Message "A01 title divider must not use manual positioning: $positioning" Assert-NotContains -Content $dividerRule.Groups['Body'].Value -Unexpected $positioning -Message "A01 title divider must not use manual positioning: $positioning"
} }
Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'width: 360rpx;' -Message 'A01 title divider must be wide enough to remain visible on paper.' Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'width: 280rpx;' -Message 'A01 compact title divider must remain visible on paper.'
Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'height: 60rpx;' -Message 'A01 title divider must retain a legible knot and line weight.' Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'height: 46rpx;' -Message 'A01 compact title divider must retain a legible knot and line weight.'
Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'filter: brightness(0.68) saturate(1.5) contrast(1.2);' -Message 'A01 title divider must keep sufficient contrast against the paper background.' Assert-Contains -Content $dividerRule.Groups['Body'].Value -Expected 'filter: brightness(0.68) saturate(1.5) contrast(1.2);' -Message 'A01 title divider must keep sufficient contrast against the paper background.'
$brandSealRule = [regex]::Match($entry, '(?ms)^\.brand-seal\s*\{(?<Body>.*?)^\}') $brandSealRule = [regex]::Match($entry, '(?ms)^\.brand-seal\s*\{(?<Body>.*?)^\}')