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-21 07:53:03 +08:00
parent 01d246c47b
commit ff60119277
172 changed files with 7982 additions and 2999 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/auth/a01-entry.vue
+32 -50
View File
@@ -374,19 +374,17 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
<style scoped lang="scss">
.auth-page {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100dvh;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #f7f0e5;
color: #493323;
}
.page-canvas {
position: relative;
display: grid;
box-sizing: border-box;
width: 100%;
min-height: calc(1665rpx + env(safe-area-inset-bottom));
@@ -394,28 +392,28 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.page-backdrop {
position: absolute;
z-index: 0;
inset: 0 0 auto;
grid-area: 1 / 1;
align-self: start;
width: 100%;
height: 1665rpx;
pointer-events: none;
}
.brand-seal {
position: absolute;
z-index: 1;
top: 64rpx;
left: 50%;
grid-area: 1 / 1;
align-self: start;
justify-self: center;
width: 184rpx;
height: 221rpx;
transform: translateX(-50%);
margin-top: 64rpx;
pointer-events: none;
}
.login-content {
position: relative;
z-index: 2;
grid-area: 1 / 1;
box-sizing: border-box;
width: 100%;
padding: 480rpx 64rpx 34rpx;
@@ -426,7 +424,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
flex-direction: column;
align-items: center;
justify-content: center;
height: 142rpx;
min-height: 142rpx;
}
.login-title {
@@ -452,7 +450,6 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.login-tab {
position: relative;
display: flex;
flex: 1;
align-items: center;
@@ -464,30 +461,21 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.login-tab:first-child::before {
position: absolute;
top: 50%;
right: 0;
width: 1rpx;
height: 36rpx;
background: rgba(176, 120, 52, 0.58);
content: "";
transform: translateY(-50%);
content: none;
}
.login-tab:first-child {
border-right: 1rpx solid rgba(176, 120, 52, 0.58);
}
.login-tab.active {
background: linear-gradient(#ad160d, #ad160d) center bottom /
calc(100% - 116rpx) 5rpx no-repeat;
color: #a9160d;
font-weight: 700;
}
.login-tab.active::after {
position: absolute;
right: 58rpx;
bottom: 0;
left: 58rpx;
height: 5rpx;
border-radius: 5rpx;
background: #ad160d;
content: "";
content: none;
}
.form-content {
@@ -518,7 +506,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
.auth-input {
flex: 1;
min-width: 0;
height: 104rpx;
min-height: 104rpx;
color: #493323;
font-size: 40rpx;
}
@@ -550,7 +538,6 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
min-height: 88rpx;
color: #a9160d;
font-size: 32rpx;
white-space: nowrap;
}
.form-secondary-row {
@@ -570,28 +557,24 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
.login-submit,
.wechat-login {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
display: grid;
place-items: center;
}
.login-submit {
height: 92rpx;
min-height: 92rpx;
}
.button-skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
pointer-events: none;
}
.login-submit__copy {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf1;
font-size: 52rpx;
letter-spacing: 8rpx;
@@ -600,7 +583,7 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
.other-login-divider {
display: flex;
align-items: center;
height: 100rpx;
min-height: 100rpx;
color: #9f6a27;
font-size: 32rpx;
white-space: nowrap;
@@ -625,16 +608,16 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.wechat-login {
height: 100rpx;
min-height: 100rpx;
color: #493323;
font-size: 40rpx;
letter-spacing: 3rpx;
}
.wechat-login__content {
position: relative;
z-index: 1;
display: flex;
grid-area: 1 / 1;
align-items: center;
justify-content: center;
}
@@ -689,7 +672,6 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
flex: 0 1 auto;
align-items: center;
min-width: 0;
white-space: nowrap;
}
.agreement-link {
@@ -750,7 +732,6 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.feedback-toast__copy {
position: relative;
z-index: 1;
padding: 16rpx 36rpx;
color: #5c4330;
@@ -770,26 +751,27 @@ const prepareAgreement = () => showFeedback("协议页面准备中");
}
.verification-dialog {
position: relative;
display: grid;
width: 620rpx;
height: 520rpx;
min-height: 520rpx;
max-height: calc(100vh - 80rpx);
}
.verification-dialog__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.verification-dialog__content {
position: relative;
z-index: 1;
display: flex;
grid-area: 1 / 1;
flex-direction: column;
align-items: center;
box-sizing: border-box;
height: 100%;
min-height: 100%;
overflow-y: auto;
padding: 90rpx 64rpx 54rpx;
}
pages/auth/a04-register.vue
+25 -29
View File
@@ -229,18 +229,16 @@ const submitRegister = () => {
<style scoped lang="scss">
.auth-page {
position: relative;
width: 100%;
height: 100dvh;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #f7f0e4;
color: #493323;
}
.page-canvas {
position: relative;
display: grid;
box-sizing: border-box;
width: 100%;
min-height: calc(1665rpx + env(safe-area-inset-bottom));
@@ -248,48 +246,49 @@ const submitRegister = () => {
}
.page-backdrop {
position: absolute;
inset: 0 0 auto;
grid-area: 1 / 1;
align-self: start;
width: 100%;
height: 1665rpx;
pointer-events: none;
}
.brand-seal {
position: absolute;
z-index: 1;
top: 64rpx;
left: 50%;
grid-area: 1 / 1;
align-self: start;
justify-self: center;
width: 184rpx;
height: 221rpx;
transform: translateX(-50%);
margin-top: 64rpx;
pointer-events: none;
}
.register-content {
position: relative;
z-index: 2;
grid-area: 1 / 1;
box-sizing: border-box;
padding: 430rpx 64rpx 46rpx;
}
.page-heading {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
display: grid;
grid-template-rows: auto auto auto;
justify-items: center;
min-height: 154rpx;
}
.back-button {
position: absolute;
top: 10rpx;
left: 0;
display: flex;
grid-row: 1 / -1;
grid-column: 1;
align-self: start;
justify-self: start;
align-items: center;
justify-content: center;
width: 88rpx;
height: 88rpx;
margin-top: 10rpx;
}
.back-button__icon {
@@ -299,6 +298,7 @@ const submitRegister = () => {
}
.page-title {
grid-row: 1;
color: #9f170f;
font-size: 66rpx;
font-weight: 700;
@@ -306,6 +306,7 @@ const submitRegister = () => {
}
.page-subtitle {
grid-row: 2;
margin-top: 12rpx;
color: #806c58;
font-size: 25rpx;
@@ -313,6 +314,7 @@ const submitRegister = () => {
}
.register-divider {
grid-row: 3;
width: 300rpx;
height: 50rpx;
filter: brightness(0.68) saturate(1.5) contrast(1.2);
@@ -342,7 +344,7 @@ const submitRegister = () => {
.auth-input {
flex: 1;
min-width: 0;
height: 96rpx;
min-height: 96rpx;
color: #3f2c1d;
font-size: 29rpx;
}
@@ -368,25 +370,21 @@ const submitRegister = () => {
}
.register-submit {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 104rpx;
display: grid;
place-items: center;
min-height: 104rpx;
margin-top: 36rpx;
overflow: hidden;
}
.register-submit__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.register-submit__content {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf0;
font-size: 39rpx;
letter-spacing: 6rpx;
@@ -417,7 +415,6 @@ const submitRegister = () => {
.agreement-copy {
display: flex;
align-items: center;
white-space: nowrap;
}
.agreement-link {
@@ -490,7 +487,6 @@ const submitRegister = () => {
}
.feedback-toast__copy {
position: relative;
z-index: 1;
padding: 16rpx 36rpx;
color: #5c4330;
pages/auth/a05-reset-password.vue
+41 -49
View File
@@ -157,7 +157,11 @@
mode="aspectFit"
/>
<view class="success-dialog__content">
<text class="success-mark">✓</text>
<image
class="success-mark"
src="/static/assets/foundation/transparent/brand-seal.png"
mode="aspectFit"
/>
<text class="success-title">密码已重设</text>
<text class="success-copy">请返回登录页，使用新密码登录</text>
<view
@@ -259,18 +263,16 @@ const submitReset = () => {
<style scoped lang="scss">
.auth-page {
position: relative;
width: 100%;
height: 100dvh;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #f7f0e4;
color: #493323;
}
.page-canvas {
position: relative;
display: grid;
box-sizing: border-box;
width: 100%;
min-height: calc(1665rpx + env(safe-area-inset-bottom));
@@ -278,48 +280,49 @@ const submitReset = () => {
}
.page-backdrop {
position: absolute;
inset: 0 0 auto;
grid-area: 1 / 1;
align-self: start;
width: 100%;
height: 1665rpx;
pointer-events: none;
}
.brand-seal {
position: absolute;
z-index: 1;
top: 64rpx;
left: 50%;
grid-area: 1 / 1;
align-self: start;
justify-self: center;
width: 184rpx;
height: 221rpx;
transform: translateX(-50%);
margin-top: 64rpx;
pointer-events: none;
}
.reset-content {
position: relative;
z-index: 2;
grid-area: 1 / 1;
box-sizing: border-box;
padding: 430rpx 64rpx 46rpx;
}
.page-heading {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
display: grid;
grid-template-rows: auto auto auto;
justify-items: center;
min-height: 154rpx;
}
.back-button {
position: absolute;
top: 10rpx;
left: 0;
display: flex;
grid-row: 1 / -1;
grid-column: 1;
align-self: start;
justify-self: start;
align-items: center;
justify-content: center;
width: 88rpx;
height: 88rpx;
margin-top: 10rpx;
}
.back-button__icon {
@@ -328,18 +331,21 @@ const submitReset = () => {
transform: scaleX(-1);
}
.page-title {
grid-row: 1;
color: #9f170f;
font-size: 66rpx;
font-weight: 700;
letter-spacing: 7rpx;
}
.page-subtitle {
grid-row: 2;
margin-top: 12rpx;
color: #806c58;
font-size: 25rpx;
letter-spacing: 1rpx;
}
.reset-divider {
grid-row: 3;
width: 300rpx;
height: 50rpx;
margin-top: 2rpx;
@@ -367,7 +373,7 @@ const submitReset = () => {
.auth-input {
flex: 1;
min-width: 0;
height: 82rpx;
min-height: 82rpx;
color: #3f2c1d;
font-size: 27rpx;
}
@@ -394,25 +400,21 @@ const submitReset = () => {
}
.reset-submit {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 104rpx;
display: grid;
place-items: center;
min-height: 104rpx;
margin-top: 26rpx;
overflow: hidden;
}
.reset-submit__skin,
.success-action__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.reset-submit__content {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf0;
font-size: 39rpx;
letter-spacing: 6rpx;
@@ -453,24 +455,25 @@ const submitReset = () => {
}
.success-dialog {
position: relative;
display: grid;
width: 620rpx;
height: 520rpx;
min-height: 520rpx;
max-height: calc(100vh - 80rpx);
}
.success-dialog__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.success-dialog__content {
position: relative;
z-index: 1;
display: flex;
grid-area: 1 / 1;
flex-direction: column;
align-items: center;
box-sizing: border-box;
height: 100%;
min-height: 100%;
overflow-y: auto;
padding: 64rpx 64rpx 42rpx;
text-align: center;
}
@@ -487,30 +490,20 @@ const submitReset = () => {
line-height: 40rpx;
}
.success-mark {
display: flex;
align-items: center;
justify-content: center;
width: 82rpx;
height: 82rpx;
margin-bottom: 20rpx;
border: 2rpx solid #a7160c;
border-radius: 50%;
color: #a7160c;
font-size: 48rpx;
}
.success-action {
position: relative;
display: flex;
align-items: center;
justify-content: center;
display: grid;
place-items: center;
width: 100%;
height: 82rpx;
min-height: 82rpx;
margin-top: 24rpx;
overflow: hidden;
}
.success-action__copy {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf0;
font-size: 30rpx;
letter-spacing: 4rpx;
@@ -537,7 +530,6 @@ const submitReset = () => {
transform: translateX(-50%);
}
.feedback-toast__copy {
position: relative;
z-index: 1;
padding: 16rpx 36rpx;
color: #5c4330;
pages/auth/a06-auth-status.vue
+35 -39
View File
@@ -204,62 +204,61 @@ const goBack = () => uni.navigateBack();
<style scoped lang="scss">
.auth-page {
position: relative;
width: 100%;
height: 100dvh;
min-height: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #f7f0e4;
color: #493323;
}
.page-canvas {
position: relative;
display: grid;
box-sizing: border-box;
width: 100%;
min-height: calc(1665rpx + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom);
}
.page-backdrop {
position: absolute;
inset: 0 0 auto;
grid-area: 1 / 1;
align-self: start;
width: 100%;
height: 1665rpx;
pointer-events: none;
}
.brand-seal {
position: absolute;
z-index: 1;
top: 64rpx;
left: 50%;
grid-area: 1 / 1;
align-self: start;
justify-self: center;
width: 184rpx;
height: 221rpx;
transform: translateX(-50%);
margin-top: 64rpx;
pointer-events: none;
}
.status-content {
position: relative;
z-index: 2;
grid-area: 1 / 1;
box-sizing: border-box;
padding: 430rpx 64rpx 46rpx;
}
.page-heading {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
display: grid;
grid-template-rows: auto auto auto;
justify-items: center;
min-height: 154rpx;
}
.back-button {
position: absolute;
top: 10rpx;
left: 0;
display: flex;
grid-row: 1 / -1;
grid-column: 1;
align-self: start;
justify-self: start;
align-items: center;
justify-content: center;
width: 88rpx;
height: 88rpx;
margin-top: 10rpx;
}
.back-button__icon {
width: 42rpx;
@@ -267,18 +266,21 @@ const goBack = () => uni.navigateBack();
transform: scaleX(-1);
}
.page-title {
grid-row: 1;
color: #9f170f;
font-size: 66rpx;
font-weight: 700;
letter-spacing: 7rpx;
}
.page-subtitle {
grid-row: 2;
margin-top: 12rpx;
color: #806c58;
font-size: 25rpx;
letter-spacing: 1rpx;
}
.status-divider {
grid-row: 3;
width: 300rpx;
height: 50rpx;
margin-top: 2rpx;
@@ -344,24 +346,20 @@ const goBack = () => uni.navigateBack();
}
.status-primary {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 104rpx;
display: grid;
place-items: center;
min-height: 104rpx;
margin-top: 28rpx;
overflow: hidden;
}
.status-primary__skin,
.recovery-action__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.status-primary__copy {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf0;
font-size: 38rpx;
letter-spacing: 5rpx;
@@ -387,24 +385,25 @@ const goBack = () => uni.navigateBack();
background: rgba(35, 18, 10, 0.62);
}
.recovery-dialog {
position: relative;
display: grid;
width: 620rpx;
height: 520rpx;
min-height: 520rpx;
max-height: calc(100vh - 80rpx);
}
.recovery-dialog__skin {
position: absolute;
inset: 0;
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
.recovery-dialog__content {
position: relative;
z-index: 1;
display: flex;
grid-area: 1 / 1;
flex-direction: column;
align-items: center;
box-sizing: border-box;
height: 100%;
min-height: 100%;
overflow-y: auto;
padding: 58rpx 58rpx 36rpx;
text-align: center;
}
@@ -427,18 +426,15 @@ const goBack = () => uni.navigateBack();
line-height: 31rpx;
}
.recovery-action {
position: relative;
display: flex;
align-items: center;
justify-content: center;
display: grid;
place-items: center;
width: 100%;
height: 80rpx;
min-height: 80rpx;
margin-top: 22rpx;
overflow: hidden;
}
.recovery-action__copy {
position: relative;
z-index: 1;
grid-area: 1 / 1;
color: #fffaf0;
font-size: 29rpx;
letter-spacing: 4rpx;