.

src/main/pc-space/src/components/PageHeader.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <div class="header center-content">
+        <div class="header top-content">
             <router-link class="logo-link" :to="{ path: '/' }">
                 <img class="logo" src="../assets/nav_logo@3x (1).png" alt=""
             /></router-link>
@@ -74,6 +74,10 @@ export default {
                     label: '数字盲盒',
                     value: '/collection?type=BLIND_BOX'
                 },
+                {
+                    label: '铸造商店',
+                    value: 'wait'
+                },
                 {
                     label: '我的藏品',
                     value: '/my'
@@ -320,12 +324,22 @@ export default {
         display: flex;
         align-items: center;
         justify-content: space-between;
+        &.top-content {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 0 45px;
+            // max-width: 1300px;
+            // max-width: 1600px;
+            margin: 0 auto;
+            margin-right: 0 !important;
+        }
         .logo {
             width: 130px;
             height: 50px;
         }
         .logo-link {
             padding: 15px 0px 15px 0px;
+            margin-left: 12.5%;
         }
         .content {
             display: flex;

src/main/pc-space/src/views/Home.vue

@@ -2,8 +2,8 @@
     <div class="container">
         <img class="topBox" src="../assets/矩形@3x (1).png" alt="" />
 
-        <div class="top center-content">
-            <div>
+        <div class="top">
+            <div class="top1">
                 <div class="title1">嗨! 我们是第九空间</div>
                 <div class="title2">全球领先的游戏数字藏品NFT集结地</div>
                 <div class="btnCon" @click="$router.push('/collection')"><span>立即探索</span></div>
@@ -272,8 +272,7 @@ export default {
     .top {
         display: flex;
         position: absolute;
-        width: 1300px;
-        margin: auto;
+        width: 100%;
         top: 0;
         left: 0;
         right: 0;
@@ -286,7 +285,7 @@ export default {
                 display: inline-block;
                 position: absolute;
                 top: 90px;
-                right: -199px;
+                right: 0px;
             }
             // margin-right: 110px;
             // .mySwiper {
@@ -295,7 +294,6 @@ export default {
             //     display: inline-block;
             //     position: absolute;
             //     top: 90px;
-            //     right: -198px;
             //     .imgBoxBack {
             //         border-radius: 0px;
             //     }
@@ -311,43 +309,49 @@ export default {
             //     }
             // }
         }
-        .title {
-            height: 42px;
-            font-size: 32px;
-            font-weight: 400;
-            color: #ffffff;
-            line-height: 42px;
-            font-family: ZhenyanGB-Regular, ZhenyanGB;
-            padding: 130px 0 25px 10px;
-        }
-        .title1 {
-            line-height: 47px;
-            font-size: 46px;
-            font-weight: 400;
-            color: #ffffff;
-            font-family: ZhenyanGB-Regular, ZhenyanGB;
-            padding: 220px 0 25px 10px;
-        }
-        .title2 {
-            font-size: 20px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #ffffff;
-            padding-left: 10px;
-        }
-        .btnCon {
-            line-height: 44px;
-            text-align: center;
-            background: transparent;
-            margin: 60px 0 0 10px;
-            font-size: 20px;
-            width: 136px;
-            cursor: pointer;
-            height: 44px;
-            border: 1px solid;
-            border-radius: 8px;
-            color: #fdfb60;
-            border-image: linear-gradient(135deg, rgba(253, 251, 96, 1), rgba(255, 143, 62, 1)) 1 1;
+        .top1 {
+            // width: 100%;
+            box-sizing: border-box;
+            padding: 0 50px;
+            margin-left: 11.5%;
+            .title {
+                height: 42px;
+                font-size: 32px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 42px;
+                font-family: ZhenyanGB-Regular, ZhenyanGB;
+                padding: 130px 0 25px 10px;
+            }
+            .title1 {
+                line-height: 47px;
+                font-size: 46px;
+                font-weight: 400;
+                color: #ffffff;
+                font-family: ZhenyanGB-Regular, ZhenyanGB;
+                padding: 220px 0 25px 10px;
+            }
+            .title2 {
+                font-size: 20px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #ffffff;
+                padding-left: 10px;
+            }
+            .btnCon {
+                line-height: 44px;
+                text-align: center;
+                background: transparent;
+                margin: 60px 0 0 10px;
+                font-size: 20px;
+                width: 136px;
+                cursor: pointer;
+                height: 44px;
+                border: 1px solid;
+                border-radius: 8px;
+                color: #fdfb60;
+                border-image: linear-gradient(135deg, rgba(253, 251, 96, 1), rgba(255, 143, 62, 1)) 1 1;
+            }
         }
     }
 }