样式改动

src/App.vue

@@ -22,7 +22,7 @@ export default {
 </script>
 <style>
 .ant-layout {
-  width: 100% !important;
+  /* width: 100% !important; */
   /* margin: 0 50px !important; */
 }
 .container {

src/layouts/UserLayout.vue

@@ -20,13 +20,19 @@ export default {
   name: 'UserLayout',
   components: { RouteView, GlobalFooter },
   mixins: [mixinDevice],
-  data () {
+  data() {
     return {}
-  }
+  },
 }
 </script>
 
 <style lang="less" scoped>
+#userLayout {
+  width: 100%;
+  min-height: 100%;
+  background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
+  background-size: 100%;
+}
 #userLayout.user-layout-wrapper {
   height: 100%;
 
@@ -40,11 +46,11 @@ export default {
   }
 
   .container {
-    width: 100%;
+    // width: 100%;
     min-height: 100%;
-    background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
-    background-size: 100%;
-    padding: 140px 0 144px;
+    // background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
+    // background-size: 100%;
+    padding: 140px 50px;
     position: relative;
 
     a {

src/views/user/Login.vue

@@ -139,6 +139,10 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.container {
+  width: 100% !important;
+  margin: 0 !important;
+}
 .header {
   height: 44px;
   line-height: 44px;