From 86ac410808f4e77a620c60b5fc923d26232b7eba Mon Sep 17 00:00:00 2001 From: cebgcontract <99630598+cebgcontract@users.noreply.github.com> Date: Thu, 24 Feb 2022 11:03:57 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=89=8B=E6=9C=BA=E7=89=88to?= =?UTF-8?q?kennomic=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 19 +--- src/assets/mobile/tokennomic/cebg_banner4.png | Bin 0 -> 23463 bytes src/components/tokennomic/IconTitleBar.vue | 14 ++- src/components/tokennomic/TabAllocation.vue | 55 +++++++++-- src/components/tokennomic/TabBar.vue | 21 +++- src/components/tokennomic/TabCec.vue | 38 +++++++- src/components/tokennomic/TabCeg.vue | 40 +++++++- src/components/tokennomic/TokenAddress.vue | 33 ++++++- src/components/tokennomic/TokenInfoTable.vue | 32 ++++++- src/router/index.ts | 3 +- src/views/mobile/Tokennomic.vue | 90 ++++++++++++++++++ 11 files changed, 305 insertions(+), 40 deletions(-) create mode 100644 src/assets/mobile/tokennomic/cebg_banner4.png create mode 100644 src/views/mobile/Tokennomic.vue diff --git a/public/index.html b/public/index.html index ec7203e..507601c 100644 --- a/public/index.html +++ b/public/index.html @@ -4,7 +4,9 @@ - + + + <%= htmlWebpackPlugin.options.title %> diff --git a/src/components/tokennomic/TabAllocation.vue b/src/components/tokennomic/TabAllocation.vue index ca13da2..5f9928e 100644 --- a/src/components/tokennomic/TabAllocation.vue +++ b/src/components/tokennomic/TabAllocation.vue @@ -1,15 +1,20 @@ @@ -29,11 +36,41 @@ export default class extends Vue { display: flex; flex-direction: column; align-items: center; + .main-img{ + width: 756px; + } + .schedule{ + width: 756px; + margin-bottom: 90px; + } } -.main-img{ - width: 756px; -} -.schedule{ - margin-bottom: 90px; +.root.mobile{ + width: 100vw; + .main-img-container{ + width: 84vw; + margin-left: auto; + margin-right: auto; + 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; + width: unset; + } + .schedule{ + width: 100vw; + margin-bottom: 0; + } + } } diff --git a/src/components/tokennomic/TabBar.vue b/src/components/tokennomic/TabBar.vue index 5231c2b..64be06e 100644 --- a/src/components/tokennomic/TabBar.vue +++ b/src/components/tokennomic/TabBar.vue @@ -1,5 +1,5 @@