登录页面文案修改、登录页面字体大小和按钮高度修改

src/components/form/CodeInput.vue

@@ -79,7 +79,6 @@ export default class CodeInput extends Vue {
     .code-btn {
       border-left: 1px solid #E4E4E4;
       padding-left: 11px;
-      font-size: 16px;
       color: $fontColorBlue;
       &.disabled {
         color: $fontColorGray;

src/components/form/MainButton.vue

@@ -28,17 +28,19 @@ html {
 
   .main-btn {
     position: relative;
-    height: 50px;
-    line-height: 50px;
+    height: 40px;
+    line-height: 40px;
     font-size: 16px;
     color: #FFFFFF;
     background: linear-gradient(270deg, #6C7AFE 0%, #5D7BF6 100%);
+    box-shadow: 0px 2px 10px 0px rgba(63, 121, 254, 0.3);
     border-radius: 4px;
     cursor: pointer;
     transition: opacity .1s;
     -webkit-appearance: none;
     &.disabled {
       background: #B2C9FF;
+      box-shadow: 0px 2px 4px 0px rgba(178, 201, 255, 0.34);
     } 
     &::before {
       position: absolute;

src/views/login/components/EmailLogin.vue

@@ -4,7 +4,7 @@
         <span @click="toggle('phone-login')">手机号登录</span>
       </template>
       <template #form-title>
-        <div>邮箱</div>
+        <div>邮箱验证码登录</div>
       </template>
       <template>
         <email-input v-model="email" :canEditEmail="canEditEmail"></email-input>
@@ -15,7 +15,7 @@
           @get-code="getCode"></code-input>
       </template>
       <template #form-buttons>
-        <main-button @click.native="login" :disabled="!canSubmit"></main-button>
+        <main-button @click.native="login" :disabled="!canSubmit" :btnText="'登录'"></main-button>
       </template>
       <template #footer>
         <span @click="toggle('email-pwd-login')">密码登录</span>

src/views/login/components/EmailPwdLogin.vue

@@ -6,14 +6,14 @@
         手机号登录</span>
     </template>
     <template #form-title>
-      <div>邮箱</div>
+      <div>邮箱密码登录</div>
     </template>
     <template>
       <email-input v-model="email"></email-input>
       <password-input v-model="pwd"></password-input>
     </template>
     <template #form-buttons>
-      <main-button @click.native="login" :disabled="!canSubmit"></main-button>
+      <main-button @click.native="login" :disabled="!canSubmit" :btnText="'登录'"></main-button>
     </template>
     <template #footer>
       <span @click="toggle('email-login')">验证码登录</span>

src/views/login/components/PhoneLogin.vue

@@ -4,7 +4,7 @@
       <span @click="toggle('email-login')">邮箱登录</span>
     </template>
     <template #form-title>
-      <div>手机号</div>
+      <div>验证码登录</div>
     </template>
     <template>
       <phone-input v-model="phone" :canEditPhone="canEditPhone"></phone-input>
@@ -15,7 +15,7 @@
         @get-code="getCode"></code-input>
     </template>
     <template #form-buttons>
-      <main-button @click.native="login" :disabled="!canSubmit"></main-button>
+      <main-button @click.native="login" :disabled="!canSubmit" :btnText="'登录'"></main-button>
     </template>
     <template #footer>
       <span @click="toggle('phone-pwd-login')">密码登录</span>

src/views/login/components/PhonePwdLogin.vue

@@ -4,14 +4,14 @@
       <span @click="toggle('email-login')">邮箱登录</span>
     </template>
     <template #form-title>
-      <div>手机号</div>
+      <div>密码登录</div>
     </template>
     <template>
       <phone-input v-model="phone"></phone-input>
       <password-input v-model="pwd"></password-input>
     </template>
     <template #form-buttons>
-      <main-button @click.native="login" :disabled="!canSubmit"></main-button>
+      <main-button @click.native="login" :disabled="!canSubmit" :btnText="'登录'"></main-button>
     </template>
     <template #footer>
       <span @click="toggle('phone-login')">验证码登录</span>