样式修改

src/main/pc-space/src/styles/list.less

@@ -26,31 +26,31 @@
         padding: 60px 0;
         font-family: ZhenyanGB;
     }
-    .tabs {
-        display: flex;
-        align-items: center;
-        padding-bottom: 30px;
-        text-align: center;
-        .tab {
-            width: 140px;
-            border: 1px solid #939599;
-            height: 42px;
-            font-size: 18px;
-            font-weight: bold;
-            color: #949699;
-            line-height: 42px;
-            &.active {
-                color: #ffffff;
-                background: linear-gradient(46deg, #00ffcb 0%, #006eff 100%);
-            }
-            &:first-child {
-                border-radius: 8px 0px 0px 8px;
-            }
-            &:last-child {
-                border-radius: 0px 8px 8px 0px;
-            }
-        }
-    }
+    // .tabs {
+    //     display: flex;
+    //     align-items: center;
+    //     // padding-bottom: 30px;
+    //     text-align: center;
+    //     .tab {
+    //         width: 140px;
+    //         border: 1px solid #939599;
+    //         height: 42px;
+    //         font-size: 18px;
+    //         font-weight: bold;
+    //         color: #949699;
+    //         line-height: 42px;
+    //         &.active {
+    //             color: #ffffff;
+    //             background: linear-gradient(46deg, #00ffcb 0%, #006eff 100%);
+    //         }
+    //         &:first-child {
+    //             border-radius: 8px 0px 0px 8px;
+    //         }
+    //         &:last-child {
+    //             border-radius: 0px 8px 8px 0px;
+    //         }
+    //     }
+    // }
     .border {
         height: 1px;
         background: #494a4d;

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="container">
+    <div class="container center-content">
         <div class="title">欢迎来到 NFT 盲盒市场</div>
         <search-info></search-info>
         <goods-info></goods-info>
@@ -18,7 +18,6 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
-
     .title {
         height: 42px;
         font-size: 32px;

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

@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <div class="title" ref="anchor">欢迎来到 NFT 市场</div>
-        <div class="tabs">
+        <!-- <div class="tabs">
             <div
                 class="tab"
                 :class="{ active: active === item }"
@@ -11,7 +11,7 @@
             >
                 {{ item }}
             </div>
-        </div>
+        </div> -->
         <el-radio-group class="menu" v-model="type" size="normal">
             <el-radio-button v-for="(item, index) in typeList" :key="index" :label="item.value">
                 <div class="radio-item">

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

@@ -26,7 +26,7 @@
             <img class="img2" src="../assets/img/888.jpg" alt="" />
             <img class="img2" src="../assets/img/888.jpg" alt="" />
         </div>
-        <div class="content">
+        <div class="content center-content">
             <div class="hot">最HOT收藏品</div>
             <goods-info></goods-info>
             <div class="all all1">
@@ -35,7 +35,7 @@
                 <img class="img1" src="../assets/img/icon_inter@3x (3).png" alt="" />
             </div>
         </div>
-        <div class="content1">
+        <div class="content1 center-content">
             <div class="hot">官方活动</div>
             <div class="imgBox">
                 <img class="imgBox1" src="../assets/img/888.jpg" alt="" />
@@ -154,7 +154,6 @@ export default {
     }
 }
 .introduce {
-    // padding: 0 200px;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -197,7 +196,6 @@ export default {
 }
 .content {
     background: #0f1111;
-    padding: 0 200px;
     .hot {
         font-size: 24px;
         text-align: center;
@@ -228,7 +226,6 @@ export default {
     }
 }
 .content1 {
-    padding: 0 200px;
     .hot {
         font-size: 24px;
         text-align: center;

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

@@ -1,15 +1,12 @@
 <template>
     <el-container direction="vertical">
         <page-header></page-header>
-        <el-container direction="vertical">
-            <el-main class="main" style="width: 100%; overflow: hidden">
-                <!-- <keep-alive><router-view /></keep-alive> -->
         <el-container direction="vertical" style="padding: 0" class="page-content">
             <el-main class="main">
                 <router-view />
             </el-main>
             <el-footer>
-                <div class="footer">
+                <div class="footer center-content">
                     <div class="footer-l">
                         <img class="logo" src="../assets/img/nav_logo@3x.png" alt="" />
                         <div>

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="container">
+    <div class="container center-content">
         <div class="title">我的 NFT</div>
         <div class="tabs">
             <div

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="container">
+    <div class="container center-content">
         <div class="top">
             <div>
                 <img class="imgBox" src="../assets/img/888.jpg" alt="" />