diff --git a/public/images/counter.jpg b/public/images/counter.jpg index cf01f1d..3cba760 100644 Binary files a/public/images/counter.jpg and b/public/images/counter.jpg differ diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue index 7b5e117..8c7a70f 100644 --- a/src/components/layout/NavBar.vue +++ b/src/components/layout/NavBar.vue @@ -207,8 +207,8 @@ const navList = reactive([ // }, { id: 6, - name: "EVENT", - path: "/cecActivity", + name: "TOUENAMENT", + path: "/activity", }, { id: 7, diff --git a/src/router/index.js b/src/router/index.js index d3a0e83..a388f66 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -96,7 +96,7 @@ const routes = [ // }, // }, { - path: "/cecActivity", + path: "/activity", name: "CecActivityView", component: RankingView, meta: { diff --git a/src/views/rankingView.vue b/src/views/rankingView.vue index 28cf09c..0db093c 100644 --- a/src/views/rankingView.vue +++ b/src/views/rankingView.vue @@ -128,7 +128,7 @@
Points
Gems
-
{{ item.score }}
+
{{ item.score }} (+0)
@@ -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;