更换分享图片和文案

src/components/layout/NavBar.vue

@@ -207,8 +207,8 @@ const navList = reactive([
   // },
   {
     id: 6,
-    name: "EVENT",
-    path: "/cecActivity",
+    name: "TOUENAMENT",
+    path: "/activity",
   },
   {
     id: 7,

src/router/index.js

@@ -96,7 +96,7 @@ const routes = [
   //   },
   // },
   {
-    path: "/cecActivity",
+    path: "/activity",
     name: "CecActivityView",
     component: RankingView,
     meta: {

src/views/rankingView.vue

@@ -128,7 +128,7 @@
                   <div class="right">
                     <div class="label" v-if="pointsIndex == 0">Points</div>
                     <div class="label" v-else>Gems</div>
-                    <div class="records">{{ item.score }}</div>
+                    <div class="records">{{ item.score }} (<span>+0</span>) </div>
                   </div>
                 </li>
               </div>
@@ -284,8 +284,8 @@ const loginDiscord = () => {
 // 发送推文
 const toTwitter = () => {
   const url = "https://twitter.com/intent/tweet?text=";
-  const hashtags = encodeURIComponent("500,000 $CEC Awaits - Earn Your Share!");
-  const imageUrl = encodeURIComponent(`https://counterfire.games/cecActivity`);
+  const hashtags = encodeURIComponent("Counter Fire Vietnam Tournament: Join the Battle for Glory and Rewards!");
+  const imageUrl = encodeURIComponent(`https://counterfire.games/activity`);
   const params = `${hashtags}&url=${imageUrl}`;
   // const params = `${hashtags}`;
   window.open(`${url}${params}`, "_blank");
@@ -311,8 +311,9 @@ onMounted(() => {});
       position: relative;
       left: 50%;
       transform: translateX(-50%);
-      width: 1497px;
+      width: 100%;
       height: 152px;
+      padding-left: 60px;
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -456,14 +457,14 @@ onMounted(() => {});
       }
     }
     .mint-body {
-      width: 1497px;
+      width: 1803px;
       margin: 0 auto;
       position: relative;
       top: -152px;
       .mint-body-left {
         position: absolute;
-        top: 140px;
-        left: 35px;
+        top: 160px;
+        left: 80px;
         z-index: 9;
         .mint-body-left-title {
           display: flex;
@@ -594,12 +595,12 @@ onMounted(() => {});
       .mint-body-right {
         position: absolute;
         top: 154px;
-        right: 0px;
+        right: 30px;
         .mint-body-right-top {
           display: flex;
           align-items: flex-end;
           justify-content: flex-end;
-          margin-bottom: 30px;
+          margin-bottom: 10px;
           color: #fff;
           .right-table {
             display: flex;
@@ -733,6 +734,9 @@ onMounted(() => {});
                   .records {
                     font-size: 14px;
                     text-align: left;
+                    span {
+                      color: #a8ff00;
+                    }
                   }
                   .icon {
                     width: 10px;