+
-

+
+

+
@@ -12,6 +14,7 @@ import { Component, Vue } from 'vue-property-decorator'
import IconTitleBar from '@/components/tokennomic/IconTitleBar.vue'
import TokenInfoTable, { ITokenData } from '@/components/tokennomic/TokenInfoTable.vue'
import TokenAddress from '@/components/tokennomic/TokenAddress.vue'
+import { AppModule, DeviceType } from '@/store/modules/app'
@Component({
name: 'TabCeg',
@@ -29,6 +32,10 @@ export default class extends Vue {
supply: 'Unlimited',
address: '0x1dF62f291b2E969fB0849d99D9Ce41e2F137006e'
}
+
+ get mobile() {
+ return AppModule.device === DeviceType.Mobile
+ }
}
@@ -36,8 +43,33 @@ export default class extends Vue {
.root{
width: 1288px;
margin: 0 auto;
+ .main-img{
+ margin-bottom: 80px;
+ }
}
-.main-img{
- margin-bottom: 80px;
+.root.mobile{
+ width: 100vw;
+ .main-img-container{
+ width: 84vw;
+ margin-left: auto;
+ margin-right: auto;
+ height: 90vw;
+ overflow-y: hidden;
+ overflow-x: scroll;
+ padding-bottom: 8vw;
+ &::-webkit-scrollbar{
+ height: 4px;
+ display: block;
+ background-color: #313131;
+ border-radius: 2px;
+ }
+ &::-webkit-scrollbar-thumb {
+ background-color: #8C8C8C;
+ border-radius: 2px;
+ }
+ .main-img {
+ height: 90vw;
+ }
+ }
}
diff --git a/src/components/tokennomic/TokenAddress.vue b/src/components/tokennomic/TokenAddress.vue
index e0ee748..97f4efc 100644
--- a/src/components/tokennomic/TokenAddress.vue
+++ b/src/components/tokennomic/TokenAddress.vue
@@ -1,5 +1,5 @@
-
+
${{tokenData.symbol}} Contract Address
-
{{tokenData.type}} {{tokenData.address}}
+
{{tokenData.type}}
{{tokenData.address}}
diff --git a/src/components/tokennomic/TokenInfoTable.vue b/src/components/tokennomic/TokenInfoTable.vue
index 2d9ae29..405392b 100644
--- a/src/components/tokennomic/TokenInfoTable.vue
+++ b/src/components/tokennomic/TokenInfoTable.vue
@@ -1,5 +1,5 @@
-
+
Blockchain
{{tokenData.chain}}
@@ -20,6 +20,7 @@
diff --git a/src/router/index.ts b/src/router/index.ts
index 06fa07f..0b90889 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -16,6 +16,7 @@ import { AppModule, DeviceType } from '@/store/modules/app'
import { isMobile } from '@/utils/resize'
import MobileGameplay from '@/views/mobile/Gameplay.vue'
import MobileNft from '@/views/mobile/NFT.vue'
+import MobileTokennomic from '@/views/mobile/Tokennomic.vue'
Vue.use(VueRouter)
const mobile = isMobile()
@@ -75,7 +76,7 @@ const routes: Array
= [
{
path: '/tokennomic',
name: 'Tokennomic',
- component: Tokennomic
+ component: mobile ? MobileTokennomic : Tokennomic
},
{
path: '/team',
diff --git a/src/views/mobile/Tokennomic.vue b/src/views/mobile/Tokennomic.vue
new file mode 100644
index 0000000..998d0ab
--- /dev/null
+++ b/src/views/mobile/Tokennomic.vue
@@ -0,0 +1,90 @@
+
+
+
+

+
+
+
+
+
+
+
+
+
+