视觉审核完成30%

pages/auth/a01-entry.vue

@@ -8,7 +8,7 @@
       <view class="login-content">
         <view class="login-heading">
           <text class="login-title">登录家谱</text>
-          <image class="title-divider" src="/static/assets/modules/auth/opaque/a01-title-divider-v2.png" mode="scaleToFill" />
+          <image class="title-divider" src="/static/assets/modules/auth/transparent/a01-vnext-divider-v1.png" mode="aspectFit" />
         </view>
 
         <view class="login-tabs">
@@ -42,7 +42,7 @@
         </view>
 
         <view class="login-submit" hover-class="button-pressed" @click="submitLogin">
-          <image class="button-skin" src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
+          <image class="button-skin" src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" />
           <text class="login-submit__copy">登录</text>
         </view>
 
@@ -55,7 +55,7 @@
         </view>
 
         <view class="wechat-login" hover-class="button-pressed" @click="prepareWechatLogin">
-          <image class="button-skin" src="/static/assets/foundation/opaque/a01-secondary-button.png" mode="scaleToFill" />
+          <image class="button-skin" src="/static/assets/foundation/transparent/a01-scroll-secondary-v3.png" mode="aspectFit" />
           <view class="wechat-login__content">
             <image class="wechat-icon" src="/static/assets/foundation/transparent/auth-wechat.png" mode="aspectFit" />
             <text>微信登录</text>
@@ -85,7 +85,7 @@
     <!-- 当前只验收自定义容器外观，真实行为验证数据留到接口阶段接入。 -->
     <view v-if="verificationVisible" class="verification-layer" @click="closeVerification">
       <view class="verification-dialog" @click.stop>
-        <image class="verification-dialog__skin" src="/static/assets/modules/auth/opaque/a02-login-panel.png" mode="scaleToFill" />
+        <image class="verification-dialog__skin" src="/static/assets/modules/auth/transparent/a01-scroll-dialog-v3.png" mode="aspectFit" />
         <view class="verification-dialog__content">
           <text class="verification-title">安全验证</text>
           <text class="verification-copy">{{ verificationPurpose }}前需要完成行为验证</text>
@@ -99,7 +99,6 @@
     </view>
 
     <view v-if="feedbackVisible" class="feedback-toast">
-      <image class="feedback-toast__skin" src="/static/assets/foundation/opaque/a01-secondary-button.png" mode="scaleToFill" />
       <text class="feedback-toast__copy">{{ feedbackMessage }}</text>
     </view>
   </view>
@@ -248,8 +247,8 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
   z-index: 1;
   top: 64rpx;
   left: 50%;
-  width: 220rpx;
-  height: 264rpx;
+  width: 184rpx;
+  height: 221rpx;
   transform: translateX(-50%);
   pointer-events: none;
 }
@@ -263,16 +262,15 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
 }
 
 .login-heading {
-  position: relative;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 118rpx;
+  height: 142rpx;
 }
 
 .login-title {
   color: #9f170f;
-  font-family: STSong, SimSun, serif;
   font-size: 82rpx;
   font-weight: 700;
   letter-spacing: 8rpx;
@@ -280,12 +278,10 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
 }
 
 .title-divider {
-  position: absolute;
-  bottom: -4rpx;
-  left: 50%;
-  width: 286rpx;
-  height: 32rpx;
-  transform: translateX(-50%);
+  flex: none;
+  width: 360rpx;
+  height: 60rpx;
+  filter: brightness(0.68) saturate(1.5) contrast(1.2);
 }
 
 .login-tabs {
@@ -303,7 +299,6 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
   justify-content: center;
   min-height: 88rpx;
   color: #80684f;
-  font-family: STSong, SimSun, serif;
   font-size: 40rpx;
   letter-spacing: 2rpx;
 }
@@ -430,7 +425,6 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
   position: relative;
   z-index: 1;
   color: #fffaf1;
-  font-family: STSong, SimSun, serif;
   font-size: 52rpx;
   letter-spacing: 8rpx;
 }
@@ -440,7 +434,6 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
   align-items: center;
   height: 100rpx;
   color: #9f6a27;
-  font-family: STSong, SimSun, serif;
   font-size: 32rpx;
   white-space: nowrap;
 }
@@ -466,7 +459,6 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
 .wechat-login {
   height: 100rpx;
   color: #493323;
-  font-family: STSong, SimSun, serif;
   font-size: 40rpx;
   letter-spacing: 3rpx;
 }
@@ -563,18 +555,19 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
   display: flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
   width: 590rpx;
   min-height: 82rpx;
+  border: 16rpx solid transparent;
+  border-width: 16rpx 74rpx;
+  border-image-source: url('/static/assets/foundation/transparent/a01-scroll-toast-v3.png');
+  border-image-slice: 58 280 fill;
+  border-image-width: 16rpx 74rpx;
+  border-image-repeat: stretch;
+  background: transparent;
   transform: translateX(-50%);
 }
 
-.feedback-toast__skin {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-}
-
 .feedback-toast__copy {
   position: relative;
   z-index: 1;
@@ -621,7 +614,6 @@ const prepareAgreement = () => showFeedback('协议页面准备中')
 
 .verification-title {
   color: #6f140f;
-  font-family: STSong, SimSun, serif;
   font-size: 42rpx;
   font-weight: 700;
 }