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

修改部分样式

Browse Source
This commit is contained in:
rain
2026-07-27 17:29:58 +08:00
parent 04287e6777
commit 1e9e25fe67
53 changed files with 11562 additions and 2617 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/auth/a06-auth-status.vue
+63 -68
View File
@@ -1,79 +1,75 @@
<!-- 页面编号：A-06；用途：只承接账号冻结、停用与风险限制等阻断登录状态。 -->
<template>
<AuthPageShell class="auth-page status-page">
<view class="status-content">
<view class="page-heading">
<view class="back-button" hover-class="tap-fade" @click="requestBack">
<image
class="back-button__icon"
src="/static/assets/foundation/transparent/chevron-right.png"
mode="aspectFit"
/>
</view>
<text class="page-title">登录受限</text>
<text class="page-subtitle">请根据当前账号状态完成恢复</text>
<view class="status-content">
<view class="page-heading">
<view class="back-button" hover-class="tap-fade" @click="requestBack">
<image
class="status-divider"
src="/static/assets/modules/auth/transparent/a01-vnext-divider-v1.png"
class="back-button__icon"
src="/static/assets/foundation/transparent/chevron-right.png"
mode="aspectFit"
/>
</view>
<view class="status-body">
<image
class="status-icon"
src="/static/assets/foundation/transparent/auth-login-outline.png"
mode="aspectFit"
/>
<text class="status-eyebrow">{{ currentState.eyebrow }}</text>
<text class="status-title">{{ currentState.title }}</text>
<text class="status-description">{{ currentState.description }}</text>
<view class="status-details">
<view class="status-detail">
<text class="status-detail__label">{{
currentState.reasonLabel
}}</text>
<text class="status-detail__value">{{
currentState.reason
}}</text>
</view>
<view class="status-detail">
<text class="status-detail__label">{{
currentState.impactLabel
}}</text>
<text class="status-detail__value">{{
currentState.impact
}}</text>
</view>
<view class="status-detail">
<text class="status-detail__label">{{
currentState.recoveryLabel
}}</text>
<text class="status-detail__value">{{
currentState.recovery
}}</text>
</view>
</view>
</view>
<view
class="status-primary"
hover-class="button-hover"
@click="openRecovery"
>
<image
class="status-primary__skin"
src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png"
mode="aspectFit"
/>
<text class="status-primary__copy">查看恢复方式</text>
</view>
<view class="status-secondary" hover-class="tap-fade" @click="requestBack"
>返回登录</view
>
<text class="page-title">登录受限</text>
<text class="page-subtitle">请根据当前账号状态完成恢复</text>
<image
class="status-divider"
src="/static/assets/modules/auth/transparent/a01-vnext-divider-v1.png"
mode="aspectFit"
/>
</view>
<view class="status-body">
<image
class="status-icon"
src="/static/assets/foundation/transparent/auth-login-outline.png"
mode="aspectFit"
/>
<text class="status-eyebrow">{{ currentState.eyebrow }}</text>
<text class="status-title">{{ currentState.title }}</text>
<text class="status-description">{{ currentState.description }}</text>
<view class="status-details">
<view class="status-detail">
<text class="status-detail__label">{{
currentState.reasonLabel
}}</text>
<text class="status-detail__value">{{ currentState.reason }}</text>
</view>
<view class="status-detail">
<text class="status-detail__label">{{
currentState.impactLabel
}}</text>
<text class="status-detail__value">{{ currentState.impact }}</text>
</view>
<view class="status-detail">
<text class="status-detail__label">{{
currentState.recoveryLabel
}}</text>
<text class="status-detail__value">{{
currentState.recovery
}}</text>
</view>
</view>
</view>
<view
class="status-primary"
hover-class="button-hover"
@click="openRecovery"
>
<image
class="status-primary__skin"
src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png"
mode="aspectFit"
/>
<text class="status-primary__copy">查看恢复方式</text>
</view>
<view class="status-secondary" hover-class="tap-fade" @click="requestBack"
>返回登录</view
>
</view>
<template #overlay>
<view
v-if="recoveryVisible"
@@ -415,5 +411,4 @@ onBackPress((event) => handleBackPress(event, requestBack));
.button-hover {
opacity: 0.72;
}
</style>