login 页面布局修改

src/views/Login.vue

@@ -27,16 +27,19 @@
       item-text="label"
     />
 
-    <v-btn :loading="signing" dark large color="transparent" @click="login">
+  <div class="loginSecword">
+    <v-btn :loading="signing" dark large color="transparent"  @click="login">
       {{ $t('login.loginBtn') }}
     </v-btn>
 
     <!-- <v-btn :renewing="renewing" dark large color="transparent" @click="createSecword">
       {{ $t('login.secwordBtn') }}
     </v-btn> -->
-    <a :renewing="renewing" style="color:#fff;padding-top:10px;" @click="createSecword">
+    <v-btn :renewing="renewing" dark large color="transparent" @click="createSecword">
       {{ $t('login.secwordBtn') }}
-    </a>
+    </v-btn>
+
+    </div>
 
   </div>
 </template>
@@ -110,9 +113,22 @@ export default {
     margin: 10px 0;
   }
 
-  & /deep/ .v-btn {
+  
+  .loginSecword {
     align-self: stretch;
+    display:flex;
+    justify-content: center;
+
+}
+
+  & /deep/ .v-btn {
     box-shadow: 0 4px 14px #111 !important;
+    width: 210px;
   }
+
+  // & > a {
+  //   //margin: 40px 0;
+  // }
+
 }
 </style>