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

fix: refine A01 runtime visual calibration

Browse Source
This commit is contained in:
rain
2026-07-13 15:41:51 +08:00
parent f7d6d3cfb1
commit 83d58268ac
5 changed files with 46 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/auth/entry.vue
+26 -18
View File
@@ -30,13 +30,17 @@
<view class="entry-actions">
<view class="entry-button entry-button--primary" hover-class="entry-button--pressed" @click="openLogin">
<image class="entry-button__icon" src="/static/assets/icons/auth/login-outline-v1.png" mode="aspectFit" />
<text>登录</text>
<view class="entry-button__content">
<image class="entry-button__icon" src="/static/assets/icons/auth/login-outline-v1.png" mode="aspectFit" />
<text>登录</text>
</view>
</view>
<view class="entry-button entry-button--secondary" hover-class="entry-button--pressed" @click="prepareWechatLogin">
<image class="entry-button__icon entry-button__icon--wechat" src="/static/assets/icons/auth/wechat-licensed-v1.png" mode="aspectFit" />
<text>微信登录</text>
<view class="entry-button__content">
<image class="entry-button__icon entry-button__icon--wechat" src="/static/assets/icons/auth/wechat-licensed-v1.png" mode="aspectFit" />
<text>微信登录</text>
</view>
</view>
<view class="register-link" hover-class="link-hover" @click="prepareRegister">
@@ -135,7 +139,7 @@ const prepareAgreement = () => {
.header-seal {
position: absolute;
top: 44rpx;
top: 70rpx;
left: 50%;
width: 136rpx;
height: 136rpx;
@@ -158,7 +162,7 @@ const prepareAgreement = () => {
}
.brand-title {
margin: 0 24rpx;
margin: 0 12rpx;
font-family: STKaiti, KaiTi, serif;
font-size: 112rpx;
font-weight: 700;
@@ -167,12 +171,12 @@ const prepareAgreement = () => {
}
.title-cloud {
width: 76rpx;
height: 46rpx;
width: 56rpx;
height: 34rpx;
}
.title-cloud-left { margin-right: 10rpx; }
.title-cloud-right { margin-left: 10rpx; transform: scaleX(-1); }
.title-cloud-left { margin-right: 0; }
.title-cloud-right { margin-left: 0; transform: scaleX(-1); }
.brand-divider {
display: flex;
@@ -224,7 +228,7 @@ const prepareAgreement = () => {
.entry-button::after {
position: absolute;
inset: 10rpx;
inset: 6rpx;
border: 1rpx solid rgba(225, 180, 105, 0.92);
border-radius: 2rpx;
content: '';
@@ -246,8 +250,6 @@ const prepareAgreement = () => {
}
.entry-button__icon {
position: relative;
z-index: 1;
width: 46rpx;
height: 46rpx;
margin-right: 18rpx;
@@ -255,7 +257,13 @@ const prepareAgreement = () => {
.entry-button__icon--wechat { width: 52rpx; }
.entry-button--primary .entry-button__icon { filter: brightness(0) invert(1); }
.entry-button > text { position: relative; z-index: 1; }
.entry-button__content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
transform: translateX(-20rpx);
}
.entry-button--pressed { opacity: 0.84; }
.register-link {
@@ -278,10 +286,10 @@ const prepareAgreement = () => {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 128rpx;
margin-top: 141rpx;
padding: 0 44rpx calc(32rpx + env(safe-area-inset-bottom));
color: #6b5a4a;
font-size: 24rpx;
font-size: 20rpx;
line-height: 1.7;
}
@@ -291,8 +299,8 @@ const prepareAgreement = () => {
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 28rpx;
height: 28rpx;
width: 30rpx;
height: 30rpx;
margin: 7rpx 12rpx 0 0;
border: 2rpx solid #b88d4b;
border-radius: 50%;