跳转官网

src/http/configAPI.js

@@ -18,11 +18,19 @@ const page = {
 	development: 'https://testh5.denetme.net'
 }
 
+const website = {
+	production: "https://denet.me/",
+	pre: "https://test.denet.me/",
+	development: 'https://test.denet.me/'
+}
+
 export const baseAPIUrl = api[process.env.NODE_ENV] + '/denet'
 
 export const logAPIUrl = logApi[process.env.NODE_ENV] + '/log-center'
 
-export const pageUrl = page[process.env.NODE_ENV] 
+export const pageUrl = page[process.env.NODE_ENV]
+
+export const websiteUrl = website[process.env.NODE_ENV]
 
 export const discordAuthRedirectUri = `${pageUrl}/auth/discordCallback`;
 

src/view/popup/tabbar-page/more/index.vue

@@ -1,58 +1,89 @@
 <template>
-  <div class="more-page">
-    <div class="more-list">
-      <div
-        class="cell"
-        v-for="(item, index) in moreTabList"
-        :key="index"
-        @click="moreItemHandle(item)"
-      >
-        <img class="icon" :src="item.icon" />
-        <div class="info-wrapper">
-          <div class="left">
-            {{ item.label }}
-          </div>
-          <div class="right">
-            <img
-              class="icon"
-              :src="require('@/assets/svg/icon-cell-arrow-right.svg')"
-            />
-          </div>
+    <div class="more-page">
+        <div class="more-list">
+            <template
+                :key="index"
+                v-for="(item, index) in moreTabList">
+                <template v-if="item.icon">
+                    <div class="cell" @click="moreItemHandle(item)">
+                        <img class="icon" :src="item.icon" />
+                        <div class="info-wrapper">
+                            <div class="left">
+                                {{ item.label }}
+                            </div>
+                            <div class="right">
+                                <img class="icon" :src="require('@/assets/svg/icon-cell-arrow-right.svg')" />
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <template v-else>
+                    <div class="clear"></div>
+                </template>
+            </template>
         </div>
-      </div>
     </div>
-  </div>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { websiteUrl } from '@/http/configAPI'
+import { getChromeStorage } from '@/uilts/chromeExtension.js'
 
+let userStorage = ref({})
 let moreTabList = ref([
   {
     icon: require("@/assets/svg/icon-website.svg"),
     label: "Official Website",
     href: "https://www.denet.me",
+    type: 'link'
   },
   {
     icon: require("@/assets/svg/icon-twitter.svg"),
     label: "Twitter",
     href: "https://twitter.com/denet2022",
+    type: 'link'
   },
   // {
   //   icon: require("@/assets/svg/icon-discord.svg"),
   //   label: "Discord",
   //   href: "https://discord.gg/wZSz9p8ddG",
+  //   type: 'link'
   // },
   {
       icon: require("@/assets/svg/icon-telegram.svg"),
       label: "Telegram",
-      href: 'https://t.me/denetpro'
+      href: 'https://t.me/denetpro',
+      type: 'link'
+  },
+  {},
+  {
+      icon: require("@/assets/svg/icon-create-nfts.svg"),
+      label: "Create NFTs",
+      type: 'jumpWebsite'
   }
 ]);
 
 const moreItemHandle = (params) => {
-  window.open(params.href);
+    switch (params.type) {
+        case 'link':
+            window.open(params.href);
+            break;
+        case 'jumpWebsite':
+            let url = websiteUrl + `?params=${btoa(JSON.stringify(userStorage.value))}`
+            window.open(url);
+            break;
+    }
 };
+
+const getUserInfo = async () => {
+    userStorage.value = await getChromeStorage('userInfo') || {}
+}
+
+onMounted(() => {
+    getUserInfo()
+})
+
 </script>
 
 <style scoped lang="scss">
@@ -112,4 +143,10 @@ const moreItemHandle = (params) => {
     }
   }
 }
+
+.clear {
+    overflow: hidden;
+    height: 10px;
+    background-color: #f6f6f6;
+}
 </style>