fix(SPA): 某些情况下弹起键盘框会导致字体重复的问题

Author: mutoe

resources/spa/src/page/sign/Signup.vue

@@ -255,6 +255,8 @@ export default {
 
       if (!res) return true
 
+      if (verifiableCode.length < 4 || verifiableCode.length > 6) return true
+
       return this.verifiable_type === 'sms'
         ? phone.length !== 11
         : email.length <= 4
@@ -398,12 +400,9 @@ export default {
   }
 
   footer {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    text-align: center;
+    margin-top: 40px;
     padding: 0.2rem;
+    text-align: center;
 
     .register-protocol {
       font-size: 0.3rem;

resources/spa/src/page/topic/TopicCreate.vue

@@ -21,7 +21,7 @@
 
     <div v-if="loading" class="m-pos-f m-spinner" />
 
-    <main>
+    <main class="main-container">
       <form class="form" onsubmit="return false">
         <div
           v-if="!src"
@@ -189,6 +189,12 @@ export default {
   background-color: #fff;
   height: 100%;
 
+  .main-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
   .primary {
     color: @primary;
   }
@@ -251,10 +257,8 @@ export default {
   }
 
   .tips {
-    position: fixed;
-    bottom: 30px;
-    left: 30px;
-    right: 30px;
+    flex: none;
+    padding: 30px;
     color: #999;
     font-size: 26px;