Browse Source

feat: 布局适配问题

sunxiao 3 months ago
parent
commit
1358cf1ac2
1 changed files with 3 additions and 2 deletions
  1. 3 2
      src/views/screen/ScreenView.vue

+ 3 - 2
src/views/screen/ScreenView.vue

@@ -155,7 +155,7 @@ onBeforeUnmount(() => {
 .screen-view {
   position: relative;
   display: flex;
-  justify-content: space-around;
+  justify-content: center;
   // justify-content: flex-start;
   flex-flow: column;
   width: 100vw;
@@ -207,6 +207,7 @@ onBeforeUnmount(() => {
     justify-content: center;
     flex-shrink: 0;
     height: 6.8rem;
+    margin: 4rem 0;
 
     .item {
       width: 21.8rem;
@@ -290,7 +291,7 @@ onBeforeUnmount(() => {
 
 @media screen and (max-width: 1440px) {
   .screen-view {
-    justify-content: flex-start;
+    justify-content: center;
     // background: url(@/assets/images/home/home_bg.png) center top no-repeat;
     // background-size: contain;
   }