feat: 关于我们

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wallet_app",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "private": true,
   "type": "module",
   "scripts": {

src/i18n/zhHk/index.js

@@ -2,9 +2,11 @@ import login from './login'
 import global from './global'
 import router from './router'
 import form from './form'
+import settings from './settings'
 export default {
   form,
   login,
   global,
   router,
+  settings
 }

src/i18n/zhHk/router.js

@@ -18,5 +18,6 @@ export default {
   exchange:"兌換",
 
    UserAgreement: "用戶協議",
-  BackupMnemonic: "備份助記詞"
+  BackupMnemonic: "備份助記詞",
+  AboutUs: "關於我們"
 }

src/i18n/zhHk/settings.js

@@ -0,0 +1,5 @@
+export default {
+  ServiceAndPrivacyPolicy: "服務條款及隱私政策",
+  OfficialWebsite: "官方網站",
+  VersionUpdate: "版本更新",
+}

src/router/system.js

@@ -91,6 +91,12 @@ export const systemRoutes = [
         meta: { title: "router.exchange", keepAlive: false, navbar: true, leftArrow: true }, // 元宝兑换
         component: () => import("@/views/wallet/ybExchange/index.vue"),
       },
+      {
+        path: "aboutUs",
+        name: "aboutUs",
+        meta: { title: "router.AboutUs", keepAlive: false, navbar: true, leftArrow: true }, // 關於我們
+        component: () => import("@/views/settings/aboutUs/index.vue"),
+      },
     ],
   },
 ];

src/views/me/index.vue

@@ -65,8 +65,7 @@
   </div>
 </template>
 
-<script setup>
-import { useRouter } from 'vue-router'
+<script setup> 
 const router = useRouter();
 const vanListConfig = [
   { title: '元宝兑换', icon:"ingot",  url: 'exchange' },

src/views/settings/aboutUs/index.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="container">
+    <div class="logo-box">
+      <svg-icon name="acc_logo" class="acc-logo" />
+      <span class="logo-text">Angel Token</span>
+      <span class="logo-version">1.0.0</span>
+    </div>
+
+    <van-list class="user-bar-list">
+      <template v-for="(item, index) in vanListConfig" >
+        <van-cell  
+          v-if="item.txt"
+          :class="index == vanListConfig.length - 1 ? 'user-bar-list-last' : ''"
+          :title="item.title"
+          :value="item.txt"
+          
+        />
+        <van-cell   
+          v-else
+          :class="index == vanListConfig.length - 1 ? 'user-bar-list-last' : ''"
+          :title="item.title"
+          is-link
+          @click="evGoPath(item.url)"
+        />
+      </template>
+    </van-list>
+  </div>
+</template>
+
+<script setup> 
+const router = useRouter();
+
+const vanListConfig = [
+  { title: $t('settings.ServiceAndPrivacyPolicy'), icon:"ingot",  url: 'agreement' },
+  { title: $t('settings.OfficialWebsite'),   txt:"https://wallet.angeltokens.io" },
+  { title: $t('settings.VersionUpdate'),   url: 'nodeDividend' },
+]
+
+const evGoPath = (path)=>{
+  if(path == "agreement") router.push(path)
+}
+
+</script>
+
+<style scoped lang="less">
+.logo-box {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .logo-text {
+    font-weight: 500;
+    font-size: 17px;
+    margin-top: 8px;
+  }
+  .logo-version {
+    font-weight: 400;
+    font-size: 12px;
+    color: #8d8d8d;
+    margin-top: 4px;
+  }
+}
+.acc-logo {
+  margin-top: 17px;
+  width: 73px;
+  height: 73px;
+}
+
+.user-bar-list{
+  margin: 25px 17px 0 17px;
+  border-radius: 12px 12px 12px 12px;
+  overflow: hidden; 
+
+  .cell-icon{
+    width: 21px;
+    height: 21px;
+    margin-right: 4px;
+  }
+  :deep(.van-cell__value){
+    min-width: 200px;
+  }
+}
+</style>