feat: 備份助記詞

src/api/path/login.api.js

@@ -4,4 +4,9 @@ import service from '../axios'
 // * 获取网络信息
 export function getNetwork(param) {
   return service.get('main/network', param );
+}
+
+// 取钱包地址
+export function createAccent(param) {
+  return service.post('createAccont', param );
 }

src/i18n/zhHk/login.js

@@ -15,4 +15,7 @@ export default {
   IHaveReadAndAgree:"已經閱讀並同意",
   Cancel: "取消",
   SearchMainnet: "搜索主網",
+
+  BackupComplete: "備份完成",
+  CopyMnemonic: "複製助記詞",
 };

src/views/login/backupMnemonic/index.vue

@@ -1,4 +1,62 @@
 <template>
-  <div class="login"> 
+  <div class="container">  
+    <div class="tag-container">
+      <van-tag v-for="item in walletData.words" :key="item" plain type="primary"   text-color="#4765DD">{{ item }}</van-tag>
+    </div>
+
+
+
+     <div class="button-group"  >
+
+      <a class="button-group-mnemonic  a-link" > {{  $t('login.CopyMnemonic')  }}</a>
+      <van-button round block type="primary" native-type="submit">
+        {{ $t("login.BackupComplete") }}
+      </van-button>
+    </div>
   </div>
-</template>
+</template>
+
+<script setup>
+import { createAccent } from "@/api/path/login.api";
+
+const walletData = ref({})
+
+onMounted(async () => {
+  const { data } = await createAccent({});
+  walletData.value =   JSON.parse(atob(data.content) ) 
+  console.log(data.value.words)
+})
+</script>
+
+<style scoped lang="less">
+ 
+.tag-container{
+  margin-top: 3px; 
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 16px;
+  padding: 27px;
+  .van-tag{
+    width: 87px;
+    height: 33px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+  } 
+  .van-tag--plain{
+    background: #ECEFFC;
+  }
+}
+
+.button-group{
+  margin: 33px 17px 0 17px; 
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .button-group-mnemonic{
+    font-size: 14px; 
+    margin-bottom: 21px;
+  }
+}
+</style>