比例

src/main/nine-space/src/mixins/common.js

@@ -61,7 +61,7 @@ export default {
                 return Promise.resolve(res.data);
             });
         },
-        getImg(imgs = '', type = '', size = 300) {
+        getImg(imgs = '', type = '', size = 600) {
             if (!imgs) {
                 imgs = '';
             }

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

@@ -1,8 +1,10 @@
 <template>
     <div class="more">
         <i class="el-icon-d-arrow-left animate__animated"></i>
-        <div v-if="!path" class="name animate__animated">查看更多</div>
-        <router-link v-else :to="path" class="name animate__animated">查看更多</router-link>
+        <div v-if="!path" class="name animate__animated" @click="wait"><slot>查看更多</slot></div>
+        <router-link v-else :to="path" class="name animate__animated">
+            <slot>查看更多</slot>
+        </router-link>
         <i class="el-icon-d-arrow-right animate__animated"></i>
     </div>
 </template>
@@ -14,6 +16,11 @@ export default {
             type: String,
             default: ''
         }
+    },
+    methods: {
+        wait() {
+            this.$message.warning('敬请期待');
+        }
     }
 };
 </script>
@@ -36,7 +43,7 @@ export default {
     }
     i {
         font-size: 16px;
-        color: #ffffff;
+        color: #ffffff99;
         font-weight: bold;
     }
 

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

@@ -58,11 +58,7 @@
                 <img class="imgBox1" src="../assets/img/888.jpg" alt="" />
                 <img class="imgBox1" src="../assets/img/888.jpg" alt="" />
             </div>
-            <div class="all">
-                <img class="img1" src="../assets/img/icon_inter@3x.png" alt="" />
-                <div class="name">查看更多</div>
-                <img class="img1" src="../assets/img/icon_inter@3x (3).png" alt="" />
-            </div>
+            <more-title path="/collection"></more-title>
             <div class="describe">
                 <div class="box">
                     <div class="box1">
@@ -113,13 +109,9 @@
                     <div class="words2">与收藏夹们共建链上游戏生态的数字现实时间</div>
                 </div>
                 <div class="border"></div>
-                <div>
+                <div class="word-item">
                     <div class="words1 words3">此为，第九空间</div>
-                    <div class="th2">
-                        <img class="img1" src="../assets/img/icon_inter@3x.png" alt="" />
-                        <div class="name">了解更多</div>
-                        <img class="img1" src="../assets/img/icon_inter@3x (3).png" alt="" />
-                    </div>
+                    <more-title>了解更多</more-title>
                 </div>
             </div>
         </div>
@@ -146,6 +138,21 @@ export default {
         this.getProduct().then(res => {
             this.products = res;
         });
+
+        this.$http
+                .post(
+                    '/banner/all',
+                    {
+                        query: {
+                            type: 'HOME'
+                        },
+                        sort: 'createdAt,desc'
+                    },
+                    { body: 'json' }
+                )
+                .then(res => {
+                    this.banners = res.content;
+                })
     },
     methods: {
         getCreators() {
@@ -383,21 +390,11 @@ export default {
         align-items: center;
         justify-content: space-between;
         .box {
-            // .line();
+            .line();
             width: 580px;
             height: 114px;
-            background: #0f1111;
-            border-radius: 8px;
             border: 1px solid;
             margin-bottom: 30px;
-            border-image: linear-gradient(
-                    143deg,
-                    rgba(0, 255, 203, 0.6),
-                    rgba(0, 209, 220, 0.1),
-                    rgba(0, 151, 240, 0.1),
-                    rgba(0, 110, 255, 0.5)
-                )
-                1 1;
             .box1 {
                 margin: 30px 0 0 40px;
                 .text1 {
@@ -452,7 +449,7 @@ export default {
             font-weight: 400;
             color: #ffffff;
             line-height: 25px;
-            margin: 12px 0;
+            // margin: 12px 0;
             &.words3 {
                 text-align: center;
             }
@@ -463,6 +460,7 @@ export default {
             font-weight: 400;
             color: #939599;
             line-height: 24px;
+            margin-top: 12px;
         }
         .th2 {
             display: flex;
@@ -488,4 +486,9 @@ export default {
         margin: 16px;
     }
 }
+.word-item {
+    .more {
+        padding: 0;
+    }
+}
 </style>