视觉审核完成30%

pages/auth/a04-register.vue

@@ -12,7 +12,7 @@
           </view>
           <text class="page-title">注册账号</text>
           <text class="page-subtitle">创建属于你的家谱账号</text>
-          <image class="register-divider" src="/static/assets/foundation/transparent/auth-divider-knot.png" mode="aspectFit" />
+          <image class="register-divider" src="/static/assets/modules/auth/transparent/a01-vnext-divider-v1.png" mode="aspectFit" />
         </view>
 
         <view class="form-content">
@@ -42,7 +42,7 @@
         </view>
 
         <view class="register-submit" hover-class="button-hover" @click="submitRegister">
-          <image class="register-submit__skin" src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
+          <image class="register-submit__skin" src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" />
           <text class="register-submit__content">注册账号</text>
         </view>
 
@@ -66,24 +66,7 @@
       </view>
     </view>
 
-    <!-- 注册短信接口未提供前，完整本地校验通过后使用同系列行为验证容器。 -->
-    <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" />
-        <view class="verification-dialog__content">
-          <text class="verification-title">安全验证</text>
-          <text class="verification-copy">注册前需要完成行为验证</text>
-          <text class="verification-note">验证数据将在接口接入后启用</text>
-          <view class="verification-actions">
-            <view class="verification-action" hover-class="tap-fade" @click="closeVerification">取消</view>
-            <view class="verification-action verification-action--primary" hover-class="tap-fade" @click="confirmVerification">知道了</view>
-          </view>
-        </view>
-      </view>
-    </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>
@@ -103,7 +86,6 @@ const fieldErrors = ref({
   password: '',
   confirmPassword: ''
 })
-const verificationVisible = ref(false)
 const feedbackVisible = ref(false)
 const feedbackMessage = ref('')
 let feedbackTimer = null
@@ -150,20 +132,12 @@ const validateForm = () => {
   return !Object.values(nextErrors).some(Boolean)
 }
 
-const closeVerification = () => {
-  verificationVisible.value = false
-}
-
-const confirmVerification = () => {
-  closeVerification()
-  showFeedback('注册服务待接入')
-}
-
 const submitRegister = () => {
   const formValid = validateForm()
   if (!agreed.value) agreementError.value = true
   if (!formValid || !agreed.value) return
-  verificationVisible.value = true
+  // 真实滑动验证由接口阶段的组件自带样式接管，本页不保留自定义假面板。
+  showFeedback('滑动验证待接口接入')
 }
 </script>
 
@@ -200,8 +174,8 @@ const submitRegister = () => {
   z-index: 1;
   top: 64rpx;
   left: 50%;
-  width: 220rpx;
-  height: 264rpx;
+  width: 184rpx;
+  height: 221rpx;
   transform: translateX(-50%);
   pointer-events: none;
 }
@@ -240,7 +214,6 @@ const submitRegister = () => {
 
 .page-title {
   color: #9f170f;
-  font-family: STSong, SimSun, serif;
   font-size: 66rpx;
   font-weight: 700;
   letter-spacing: 7rpx;
@@ -254,9 +227,9 @@ const submitRegister = () => {
 }
 
 .register-divider {
-  width: 154rpx;
-  height: 34rpx;
-  margin-top: 10rpx;
+  width: 300rpx;
+  height: 50rpx;
+  filter: brightness(0.68) saturate(1.5) contrast(1.2);
 }
 
 .form-content { margin-top: 12rpx; }
@@ -273,7 +246,6 @@ const submitRegister = () => {
 .input-label {
   flex: 0 0 152rpx;
   color: #674b35;
-  font-family: STSong, SimSun, serif;
   font-size: 31rpx;
 }
 
@@ -319,7 +291,6 @@ const submitRegister = () => {
   position: relative;
   z-index: 1;
   color: #fffaf0;
-  font-family: STSong, SimSun, serif;
   font-size: 39rpx;
   letter-spacing: 6rpx;
 }
@@ -388,19 +359,19 @@ const submitRegister = () => {
   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,
-.verification-dialog__skin {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-}
-
 .feedback-toast__copy {
   position: relative;
   z-index: 1;
@@ -410,59 +381,4 @@ const submitRegister = () => {
   text-align: center;
 }
 
-.verification-layer {
-  position: fixed;
-  z-index: 40;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 40rpx;
-  background: rgba(31, 20, 13, 0.56);
-}
-
-.verification-dialog {
-  position: relative;
-  width: 620rpx;
-  height: 520rpx;
-}
-
-.verification-dialog__content {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  height: 100%;
-  padding: 90rpx 64rpx 54rpx;
-}
-
-.verification-title {
-  color: #6f140f;
-  font-family: STSong, SimSun, serif;
-  font-size: 42rpx;
-  font-weight: 700;
-}
-
-.verification-copy { margin-top: 42rpx; color: #493323; font-size: 28rpx; }
-.verification-note { margin-top: 20rpx; color: #8d7a68; font-size: 23rpx; }
-
-.verification-actions {
-  display: flex;
-  width: 100%;
-  margin-top: auto;
-}
-
-.verification-action {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  min-height: 88rpx;
-  color: #745b46;
-  font-size: 28rpx;
-}
-
-.verification-action--primary { color: #a9160d; font-weight: 700; }
 </style>