增加metamask下载页面

2022-05-26 11:12:26 +08:00 · 2022-05-26 11:12:26 +08:00 · 68e72e5601
commit 68e72e5601
parent 9af5880626
5 changed files with 96 additions and 2 deletions
--- a/.env
+++ b/.env
@ -1,5 +1,5 @@
 VUE_APP_WALLET_INFURAID='e7743d46923911fa8850619b7a7f6d9d'
 VUE_APP_CHAIN_ID=97
-VUE_APP_PLAY_URL='https://play.google.com/store/apps/details?id=games.cebg.metaverse.nft.btc.blockchain.eth.coinbase.binance.FTX.kucoin'
+VUE_APP_PLAY_URL='javascript:void(0)'
 VUE_APP_APPSTORE='javascript:void(0)'
-VUE_APP_APK_URL='https://www.cebg.games/release/cebg.apk'
+VUE_APP_APK_URL='javascript:void(0)'
--- a/public/assets/images/MetaMask.png
+++ b/public/assets/images/MetaMask.png
--- a/public/assets/images/apk_download.png
+++ b/public/assets/images/apk_download.png
--- a/public/assets/images/googleplay.png
+++ b/public/assets/images/googleplay.png
--- a/public/metamask.html
+++ b/public/metamask.html
@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+  <meta charset="utf-8">
+  <title>MetaMask</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
+  <meta name="format-detection" content="telephone=no, email=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+  <style>
+      .container {
+          width: 100vw;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+      }
+
+      .container h1 {
+          text-transform: uppercase;
+          font-size: 32px;
+      }
+
+      @media screen and (orientation: portrait) {
+          .container h1 {
+              margin-top: 80px;
+              margin-bottom: 20px;
+          }
+
+          .metamask img {
+              width: 60vw;
+          }
+
+          .download-links {
+              width: 100vw;
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+          }
+
+          .download-links a img {
+              width: 60vw;
+          }
+
+          .login-tip {
+              width: 90%;
+              margin-top: 50px;
+              margin-bottom: 30px;
+              font-size: 16px;
+          }
+      }
+
+      @media screen and (orientation: landscape) {
+          .metamask img {
+              width: 25vw;
+          }
+
+          .download-links {
+              width: 100vw;
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              justify-content: space-around;
+          }
+
+          .download-links a img {
+              width: 25vw;
+          }
+
+          .login-tip {
+              margin: 30px auto;
+              font-size: 16px;
+          }
+      }
+  </style>
+</head>
+<body>
+<div class="container">
+  <h1>Download</h1>
+  <div class="metamask"><img src="assets/images/MetaMask.png" alt="metamask"></div>
+  <p class="login-tip">
+    Please login again after installation is complete.
+  </p>
+  <div class="download-links">
+    <a href="https://github.com/MetaMask/metamask-mobile/releases/download/v5.1.1/app-release.apk">
+      <img src="assets/images/apk_download.png" alt="github">
+    </a>
+    <a href="https://play.google.com/store/apps/details?id=io.metamask">
+      <img src="assets/images/googleplay.png" alt="googleplay">
+    </a>
+  </div>
+</div>
+</body>
+</html>