.

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

@@ -4,34 +4,39 @@
             <router-link class="logo-link" :to="{ path: '/' }">
                 <img class="logo" src="../assets/nav_logo@3x (1).png" alt=""
             /></router-link>
-        </div>
-        <div class="content">
-            <el-tabs v-model="activeName" class="menus" @tab-click="change">
-                <el-tab-pane v-for="item in menus" :key="item.id" :label="item.label" :name="item.value"></el-tab-pane>
-            </el-tabs>
-            <div class="btn-list" v-if="isLogin">
-                <el-dropdown @command="onCommand" style="margin-left: 20px">
-                    <span class="el-dropdown-link">
-                        <img class="img" :src="avatarBox" />
-                    </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item command="nickname" style="word-break: keep-all"
-                            >{{ userInfo.nickname }}
-                        </el-dropdown-item>
-                        <div class="border"></div>
-                        <el-dropdown-item
-                            v-if="userInfo.authStatus != 'SUCCESS'"
-                            command="supply"
-                            style="word-break: keep-all"
-                            >去认证
-                        </el-dropdown-item>
-                        <el-dropdown-item command="edit" style="word-break: keep-all">编辑资料 </el-dropdown-item>
-                        <div class="border"></div>
-                        <el-dropdown-item command="logout">退出登录 </el-dropdown-item>
-                    </el-dropdown-menu>
-                </el-dropdown>
+            <div class="content">
+                <el-tabs v-model="activeName" class="menus" @tab-click="change">
+                    <el-tab-pane
+                        v-for="item in menus"
+                        :key="item.id"
+                        :label="item.label"
+                        :name="item.value"
+                    ></el-tab-pane>
+                </el-tabs>
+                <div class="btn-list" v-if="isLogin">
+                    <el-dropdown @command="onCommand" style="margin-left: 20px">
+                        <span class="el-dropdown-link">
+                            <img class="img" :src="avatarBox" />
+                        </span>
+                        <el-dropdown-menu slot="dropdown">
+                            <el-dropdown-item command="nickname" style="word-break: keep-all"
+                                >{{ userInfo.nickname }}
+                            </el-dropdown-item>
+                            <div class="border"></div>
+                            <el-dropdown-item
+                                v-if="userInfo.authStatus != 'SUCCESS'"
+                                command="supply"
+                                style="word-break: keep-all"
+                                >去认证
+                            </el-dropdown-item>
+                            <el-dropdown-item command="edit" style="word-break: keep-all">编辑资料 </el-dropdown-item>
+                            <div class="border"></div>
+                            <el-dropdown-item command="logout">退出登录 </el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                </div>
+                <el-button v-else class="login" plain @click="Login">[登录]</el-button>
             </div>
-            <el-button v-else class="login" plain @click="Login">[登录]</el-button>
         </div>
         <login-info ref="ref" @close="show = false"></login-info>
     </div>
@@ -101,12 +106,10 @@ export default {
             this.Login();
         });
         this.getActive();
-        if (this.isLogin) {
-            if (this.userInfo.authStatus !== 'NOT_AUTH') {
-                setTimeout(() => {
-                    this.add();
-                }, 1000);
-            }
+        if (this.userInfo.authStatus !== 'NOT_AUTH') {
+            setTimeout(() => {
+                this.add();
+            }, 1000);
         }
     },
     methods: {
@@ -329,9 +332,9 @@ export default {
         display: flex;
         align-items: center;
         justify-content: space-between;
-        position: absolute;
-        right: 52px;
-        top: 0;
+        // position: absolute;
+        // right: 52px;
+        // top: 0;
         .tabs {
             display: flex;
             align-items: center;
@@ -374,9 +377,9 @@ export default {
         .login {
             width: 83px;
             color: @prim;
-            font-size: 16px;
+            font-size: 14px;
             // margin: 0 30px;
-            height: 30px;
+            height: 28px;
             line-height: 0px;
             background-color: transparent;
             .line(@radius:4px);

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

@@ -7,14 +7,14 @@
             <div class="title2">全球领先的游戏数字藏品NFT集结地</div>
             <div class="btnCon" @click="$router.push('/collection')"><span>立即探索</span></div>
         </div>
-        <div class="back">
-            <!-- <swiper class="mySwiper el-image" ref="mySwiper" :options="swiperOptions">
+
+        <!-- <swiper class="mySwiper el-image" ref="mySwiper" :options="swiperOptions">
                 <swiper-slide>
                     <el-image :src="getImg(banners[0].pic, '', 800)" />
                 </swiper-slide>
             </swiper> -->
-            <img class="el-image" :src="titleImg" alt="" style="object-fit:cover"/>
-        </div>
+        <img class="title-img" :src="titleImg" alt="" style="object-fit: cover" />
+
         <div class="hot1">铸造者</div>
         <div class="introduce center-content">
             <router-link
@@ -269,37 +269,16 @@ export default {
     height: 460px;
 }
 .container {
-    .back {
-        .el-image {
-            width: 745px;
-            height: 460px;
-            display: inline-block;
-            position: absolute;
-            top: 90px;
-            right: 0px;
-        }
-        // margin-right: 110px;
-        // .mySwiper {
-        //     width: 745px;
-        //     height: 460px;
-        //     display: inline-block;
-        //     position: absolute;
-        //     top: 90px;
-        //     .imgBoxBack {
-        //         border-radius: 0px;
-        //     }
-        //     /deep/.el-image {
-        //         display: block;
-        //         width: 745px !important;
-        //         height: 460px !important;
-        //         border-radius: 0px !important;
-        //         // margin-left: 1px;
-        //         img {
-        //             display: block;
-        //         }
-        //     }
-        // }
+    position: relative;
+    .title-img {
+        width: 55%;
+        height: 460px;
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        right: 0px;
     }
+
     .top {
         position: absolute;
         width: 100%;