.

src/components/AppBar.vue

@@ -1,6 +1,5 @@
 <template>
     <van-nav-bar
-        title=""
         fixed
         left-text=" "
         right-text=" "
@@ -29,6 +28,10 @@
                 </template>
             </van-popover>
         </template>
+
+        <template #title>
+            <span class="title" :style="{ color: fontColor || $colors.font0 }">{{ title }}</span>
+        </template>
     </van-nav-bar>
 </template>
 
@@ -40,7 +43,8 @@ export default {
         return {
             show: false,
             showPopover: false,
-            tabColor: ''
+            tabColor: '',
+            title: ''
         };
     },
     computed: {
@@ -75,6 +79,7 @@ export default {
                 this.show = true;
             }
             this.getColor();
+            this.setTitle();
         },
         tabColor() {
             this.$nextTick(() => {
@@ -88,14 +93,26 @@ export default {
         }
     },
     mounted() {
+        console.log(12827);
         if (this.$route.meta.menuPage) {
             this.show = false;
         } else {
             this.show = true;
         }
         this.getColor();
+        this.setTitle();
     },
     methods: {
+        setTitle(title) {
+            console.log(this.$route.meta.title);
+            if (this.$route.meta.title) {
+                this.title = this.$route.meta.title;
+            } else if (title) {
+                this.title = title;
+            } else {
+                this.title = '';
+            }
+        },
         getColor() {
             if (this.$route.meta.tabColor) {
                 if (window.cordova && StatusBar && StatusBar.isVisible) {
@@ -142,4 +159,8 @@ export default {
 .back {
     padding-right: 12px;
 }
+.title {
+    font-size: 16px;
+    font-weight: bold;
+}
 </style>

src/router/index.js

@@ -37,15 +37,16 @@ function jsapiSign() {
                     });
                     wx.ready(function () {
                         wx.updateAppMessageShareData({
-                            title: '绿洲宇宙',
                             desc: '全球首个基于区块链的游戏资产集换中心',
                             link: location.origin + '/9th',
-                            imgUrl: 'https://9space-2021.oss-cn-shenzhen.aliyuncs.com/nft/2021-11-05-15-58-30YwqLzMjy.jpg'
+                            imgUrl:
+                                'https://9space-2021.oss-cn-shenzhen.aliyuncs.com/nft/2021-11-05-15-58-30YwqLzMjy.jpg'
                         });
                         wx.updateTimelineShareData({
                             title: '绿洲宇宙-全球首个基于区块链的游戏资产集换中心',
                             link: location.origin + '/9th',
-                            imgUrl: 'https://9space-2021.oss-cn-shenzhen.aliyuncs.com/nft/2021-11-05-15-58-30YwqLzMjy.jpg'
+                            imgUrl:
+                                'https://9space-2021.oss-cn-shenzhen.aliyuncs.com/nft/2021-11-05-15-58-30YwqLzMjy.jpg'
                         });
                     });
                 })
@@ -71,8 +72,7 @@ const routes = [
                     store.state.hopeMarket ? import('../views/product/HopeMarket.vue') : import('../views/Home.vue'),
                 meta: {
                     pageType: Page.Every,
-                    menuPage: true,
-                    title: '绿洲宇宙'
+                    menuPage: true
                 }
             },
             {
@@ -81,8 +81,7 @@ const routes = [
                 component: () => import('../views/Discover.vue'),
                 meta: {
                     pageType: Page.Every,
-                    menuPage: true,
-                    title: '绿洲宇宙'
+                    menuPage: true
                 }
             },
             {
@@ -91,8 +90,7 @@ const routes = [
                 component: () => import('../views/Creator.vue'),
                 meta: {
                     pageType: Page.Every,
-                    menuPage: true,
-                    title: '绿洲宇宙'
+                    menuPage: true
                 }
             },
             {
@@ -101,8 +99,7 @@ const routes = [
                 component: () => import('../views/Store.vue'),
                 meta: {
                     pageType: Page.Every,
-                    menuPage: true,
-                    title: '绿洲宇宙'
+                    menuPage: true
                 }
             },
             {
@@ -111,8 +108,7 @@ const routes = [
                 component: () => import('../views/Mine.vue'),
                 meta: {
                     pageType: Page.Every,
-                    menuPage: true,
-                    title: '绿洲宇宙'
+                    menuPage: true
                 }
             }
         ]
@@ -124,8 +120,7 @@ const routes = [
         meta: {
             pageType: Page.Every,
             menuPage: true,
-            isHall: true,
-            title: '绿洲宇宙'
+            isHall: true
         }
     },
     {
@@ -134,7 +129,6 @@ const routes = [
         component: () => import('../views/hall/Edit.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
             isHall: true,
             tabColor: '#181818'
         }
@@ -145,7 +139,6 @@ const routes = [
         component: () => import('../views/hall/ProductAdd.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
             isHall: true,
             tabColor: '#181818'
         }
@@ -156,7 +149,6 @@ const routes = [
         component: () => import('../views/hall/ProductChoose.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
             isHall: true,
             tabColor: '#181818'
         }
@@ -253,8 +245,7 @@ const routes = [
         name: 'about',
         component: () => import('../views/account/About.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -262,8 +253,7 @@ const routes = [
         name: 'introduction',
         component: () => import('../views/account/Introduction.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -271,8 +261,7 @@ const routes = [
         name: 'question',
         component: () => import('../views/account/Question.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -291,7 +280,6 @@ const routes = [
         component: () => import('../views/product/Detail.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
             tabColor: '#181818'
         }
     },
@@ -300,8 +288,7 @@ const routes = [
         name: 'newsDetail',
         component: () => import('../views/product/NewsDetail.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -310,7 +297,8 @@ const routes = [
         component: () => import('../views/product/NewsList.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙'
+            title: '绿洲头条',
+            tabColor: '#222426'
         }
     },
     {
@@ -320,7 +308,7 @@ const routes = [
         meta: {
             pageType: Page.Every,
             menuPage: true,
-            title: '绿洲宇宙',
+
             tabColor: '#181818'
         }
     },
@@ -329,8 +317,7 @@ const routes = [
         name: 'productDetail2',
         component: () => import('../views/product/DetailMode.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -338,8 +325,7 @@ const routes = [
         name: 'productList',
         component: () => import('../views/product/List.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -348,7 +334,7 @@ const routes = [
         component: () => import('../views/hall/List.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
+
             tabColor: '#222426'
         }
     },
@@ -367,8 +353,7 @@ const routes = [
         name: 'productSearch',
         component: () => import('../views/product/Search.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -376,8 +361,7 @@ const routes = [
         name: 'creatorDetail',
         component: () => import('../views/creator/Detail.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -386,7 +370,7 @@ const routes = [
         component: () => import('../views/creator/Home.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
+
             tabColor: '#222426'
         }
     },
@@ -395,8 +379,7 @@ const routes = [
         name: 'creatorList',
         component: () => import('../views/creator/List.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -404,8 +387,7 @@ const routes = [
         name: 'creatorSearch',
         component: () => import('../views/creator/Search.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -414,7 +396,7 @@ const routes = [
         component: () => import('../views/asset/Detail.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
+
             tabColor: '#181818'
         }
     },
@@ -423,8 +405,7 @@ const routes = [
         name: 'Consignment',
         component: () => import('../views/asset/Consignment.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
@@ -432,90 +413,70 @@ const routes = [
         name: 'consignmentAgreement',
         component: () => import('../views/asset/Agreement.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
         path: '/assetSearch',
         name: 'assetSearch',
         component: () => import('../views/asset/Search.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/giveSearch',
         name: 'giveSearch',
         component: () => import('../views/asset/GiveSearch.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/submit',
         name: 'submit',
         component: () => import('../views/Submit.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/couponList',
         name: 'couponList',
         component: () => import('../views/order/CouponList.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/givesubmit',
         name: 'givesubmit',
         component: () => import('../views/Givesubmit.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/creatorDetail',
         name: 'creatorDetail',
         component: () => import('../views/creator/Detail.vue'),
         meta: {
-            pageType: Page.Every,
-            title: '绿洲宇宙'
+            pageType: Page.Every
         }
     },
     {
         path: '/orders',
         name: 'orders',
         component: () => import('../views/order/Orders.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/orderDetail',
         name: 'orderDetail',
         component: () => import('../views/order/Detail.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/activityOrders',
         name: 'activityOrders',
         component: () => import('../views/order/ActivityOrders.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/activityOrderDetail',
         name: 'activityOrderDetail',
         component: () => import('../views/order/ActivityDetail.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/activityList',
@@ -523,7 +484,7 @@ const routes = [
         component: () => import('../views/activity/List1.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
+            title: '铸造中心',
             tabColor: '#181818'
         }
     },
@@ -533,7 +494,7 @@ const routes = [
         component: () => import('../views/activity/Detail1.vue'),
         meta: {
             pageType: Page.Every,
-            title: '绿洲宇宙',
+
             tabColor: '#181818'
         }
     },
@@ -541,16 +502,13 @@ const routes = [
         path: '/activitySubmit',
         name: 'activitySubmit',
         component: () => import('../views/activity/Submit.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/chooseProduct',
         name: 'chooseProduct',
         component: () => import('../views/activity/ChooseProduct.vue'),
         meta: {
-            title: '绿洲宇宙',
             needBack: true
         }
     },
@@ -558,25 +516,19 @@ const routes = [
         path: '/mineFollows',
         name: 'mineFollows',
         component: () => import('../views/user/Follows.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineFollowers',
         name: 'mineFollowers',
         component: () => import('../views/user/Followers.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineLikes',
         name: 'mineLikes',
         component: () => import('../views/user/Likes.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/bankPay',
@@ -590,81 +542,61 @@ const routes = [
         path: '/mineBanks',
         name: 'mineBanks',
         component: () => import('../views/user/Banks.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineBanksAdd',
         name: 'mineBanksAdd',
         component: () => import('../views/user/BanksAdd.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineAddress',
         name: 'mineAddress',
         component: () => import('../views/user/Address.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineAddressEdit',
         name: 'mineAddressEdit',
         component: () => import('../views/user/AddressEdit.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineWallet',
         name: 'mineWallet',
         component: () => import('../views/user/Wallet.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/minePoint',
         name: 'minePoint',
         component: () => import('../views/user/Point.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineExchange',
         name: 'mineExchange',
         component: () => import('../views/user/Exchange.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/mineLevel',
         name: 'mineLevel',
         component: () => import('../views/user/Level.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/rank',
         name: 'rank',
         component: () => import('../views/user/Rank.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     },
     {
         path: '/balanceRecord',
         name: 'balanceRecord',
         component: () => import('../views/user/BalanceRecord.vue'),
-        meta: {
-            title: '绿洲宇宙'
-        }
+        meta: {}
     }
 ];
 

src/views/activity/List1.vue

@@ -8,7 +8,7 @@
         @refresh="onRefresh"
     >
         <div class="filter-bg" :style="{ backgroundImage: `url(${filterBg})` }"></div>
-        <div class="header">铸造中心</div>
+        <!-- <div class="header">铸造中心</div> -->
         <van-list v-model:loading="loading" :finished="finished" finished-text="" @load="getData">
             <template v-for="(item, index) in list" :key="index">
                 <router-link