login form style update

src/views/index/components/login-form-banner.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="fx-row fx-end-cen login-form-container" style="padding: 100px 0;"
-       :style="{backgroundImage: `url(${$imgBase}index/login/banner.png)`} ">
-    <div class="bg-white" style="width:400px; padding:30px; margin-right: 150px;">
+  <div class="fx-row fx-end-cen login-form-container" style="padding: 40px 0;"
+       :style="{backgroundImage: `url(${require('@/assets/images/index/login/banner.png')})`} ">
+    <div class="bg-white rd4 login-form-block">
       <img style="width: 60%;margin-left:20%;" src="@/assets/images/login_logo.png"/>
       <div class="f-primary text-center mt20 mb40 bold f18" style="letter-spacing: 10px;">
         WELCOME
@@ -140,7 +140,14 @@ export default {
 
 <style scoped>
 .login-form-container {
-  background: no-repeat;
+  background: no-repeat center center;
   background-size: cover;
 }
+
+.login-form-block {
+  width:350px;
+  height: 400px;
+  padding:15px 40px;
+  margin-right: calc(50vw - 600px);
+}
 </style>

src/views/index/components/login-top-menus.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="fx-row fx-bet-cen bg-white pl60 pr60" style="height:102px;">
+  <div class="fx-row fx-bet-cen bg-white pl60 pr60" style="height:80px;">
     <el-image :src="`${$imgBase}index/login/icon_logo_medium@2x.png`" fit="contain"
-              style="width: 152px;"></el-image>
+              style="width: 124px;"></el-image>
     <div class="fx-row fx-end-cen fx-1 menus-container">
       <el-link v-for="(item,idx) in routers" :key="idx" @click="handleMenuClick(item)" class="f16 f-fff"
                :underline="false">