no message

pages/publish/index.vue

@@ -12,7 +12,7 @@
             放弃保存
             <img class="save-icon" src="@/assets/img/cross-icon.png" />
         </div>
-        <div class="contentcontent">
+        <div class="contentcontent flex1">
             <div class="header flexacenter">发布面经</div>
             <div class="box flex1 flexflex">
                 <div class="box-left">
@@ -302,7 +302,18 @@ const abandonSaving = () => {
 
 <style scoped lang="less">
 .content-box {
-    padding: 0 10px;
+    // padding: 0 10px;
+    padding: 0 122px;
+    display: flex;
+    justify-content: center;
+}
+
+@media (max-width: 920px) {
+    .content-box {
+        display: block;
+        padding: 0 10px;
+        // padding: 0 122px;
+    }
 }
 .contentcontent {
     // width: 1200px;
@@ -516,23 +527,23 @@ const abandonSaving = () => {
     }
 }
 
-@media (max-width: 1400px) {
-    .save-box.save-left {
-        left: 30px !important;
-    }
-    .save-box.save-right {
-        right: 30px !important;
-    }
-}
+// @media (max-width: 1400px) {
+//     .save-box.save-left {
+//         left: 30px !important;
+//     }
+//     .save-box.save-right {
+//         right: 30px !important;
+//     }
+// }
 
-@media (max-width: 1300px) {
-    .save-box.save-left {
-        left: 10px !important;
-    }
-    .save-box.save-right {
-        right: 10px !important;
-    }
-}
+// @media (max-width: 1300px) {
+//     .save-box.save-left {
+//         left: 10px !important;
+//     }
+//     .save-box.save-right {
+//         right: 10px !important;
+//     }
+// }
 
 .save-box {
     font-size: 14px;
@@ -544,11 +555,11 @@ const abandonSaving = () => {
     transition: all 0.3s;
     z-index: 1;
     &.save-left {
-        left: 50px;
+        left: 0px;
         // left: calc((1200px - 100vw) / 2 + 25px);
     }
     &.save-right {
-        right: 50px;
+        right: 0px;
         // right: calc((1200px - 100vw) / 2 + 25px);
 
         .save-icon {