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;