星图

src/views/StarMap.vue

@@ -10,11 +10,10 @@
     >
         <div class="bg">
             <img src="@assets/png-xingtu-bg.png" alt="" />
-            <div class="top">
+            <!-- <div class="top">
                 <div class="text1">WELCOME TO</div>
                 <div class="text2">链上星图</div>
-                <!---->
-            </div>
+            </div> -->
         </div>
 
         <div class="content">
@@ -22,13 +21,13 @@
                 <div class="text1">绿洲链上星图是什么?</div>
                 <div class="text2">
                     <p>
-                        绿洲链上星图是属于每一个人的元宇宙物资铸造中心！在这里，每一个人都可以铸造自己的元宇宙物资，在OASISMETA绿洲元宇宙里进行展示与流通！
+                        绿洲链上星图是属于每一个人的元宇宙物资铸造中心！<br />在这里，每一个人都可以铸造自己的元宇宙物资，<br />在OASISMETA绿洲元宇宙里进行展示与流通！
                     </p>
                     <p>
-                        绿洲链上星图也是使用“IPFS全球分布式存储技术”与“区块链确权技术”的永恒纪念之地！在这里，可以自由上传对您拥有重大意义的照片，比如全家福、孩子的满月照、宠物的Q萌形象、团队聚会的瞬间...让这些具有历史意义的照片，让他们在链上永存！
+                        绿洲链上星图也是使用“IPFS全球分布式存储技术”<br />与“区块链确权技术”的永恒纪念之地！在这里，可<br />以自由上传对您拥有重大意义的照片，比如全家福、<br />孩子的满月照、宠物的Q萌形象、团队聚会的瞬间...<br />让这些具有历史意义的照片，让他们在链上永存！
                     </p>
                     <p>
-                        当然！绿洲链上星图，欢迎优秀的艺术家与创作者！在这里，每一位艺术家都可以上传自己的艺术作品！在未来，绿洲星库将全面开放铸造与流通，更将从优秀的作品中选拔出最为优秀的作品，以绿洲名义进行全球发行！每一名艺术家与创作者都可以参与到OASISMETA绿洲元宇宙的共创未来！
+                        当然！绿洲链上星图，欢迎优秀的艺术家与创作者！<br />在这里，每一位艺术家都可以上传自己的艺术作品！<br />在未来，绿洲星库将全面开放铸造与流通，更将从<br />优秀的作品中选拔出最为优秀的作品，以绿洲名义<br />进行全球发行！每一名艺术家与创作者都可以参与<br />到OASISMETA绿洲元宇宙的共创未来！
                     </p>
                 </div>
             </div>
@@ -38,6 +37,8 @@
                     点击立即铸造链上星图
                 </van-button>
             </div>
+
+            <img class="content-bg" src="@assets/png-huise-bg@3x.png" alt="" />
         </div>
 
         <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData">
@@ -113,6 +114,16 @@ export default {
 
 .content {
     padding-top: 74.6vw;
+    position: relative;
+
+    .content-bg {
+        position: absolute;
+        width: 100%;
+        display: block;
+        top: calc(74.6vw + 84px);
+        left: 0;
+        z-index: 0;
+    }
 }
 
 .top {
@@ -157,6 +168,8 @@ export default {
 .tips {
     margin: 0 16px 0;
     padding: 0px 40px 20px;
+    position: relative;
+    z-index: 1;
     .text1 {
         font-size: 14px;
         font-weight: bold;
@@ -184,6 +197,11 @@ export default {
 .create {
     padding: 0 48px;
     --van-button-default-height: 40px;
+    position: relative;
+    z-index: 1;
+    .van-button {
+        font-weight: bold;
+    }
 }
 
 .bg {