修改fd登录页样式

src/pages/fd/components/layout.vue

@@ -32,16 +32,24 @@ export default {
 
 <style lang="scss" scoped>
 .wrapper {
-  // display: flex;
-  // align-items: center;
-  // justify-content: center;
-  // height: 447px;
-  // margin-left: 200px;
   padding: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-flex: 1;
+  flex: 1;
+  box-align: center;
+  box-pack: center;
   background: url(https://webapp-pub.ezijing.com/project/fd/bg.png);
   background-size: cover;
 }
 .wrapper-box{
+  display: flex;
+  flex-direction: column;
+  box-orient: vertical;
+  box-direction: normal;
+  justify-content: center;
+  min-height: 100vh;
   .head-box{
     background: rgba(169, 31, 59, 1);
   }
@@ -67,9 +75,10 @@ export default {
 }
 .main-box {
   width: 350px;
+  transform: translateX(70%);
   // min-height: 500px;
   padding: 27px 40px 30px;
-  margin: 0 auto;
+  // margin: 0 auto;
   background-color: #fff;
   border-radius: 8px;
   border: 1px solid #dadce0;