添加转账

src/i18n/zhHk/router.js

@@ -14,6 +14,8 @@ export default {
   transfer:"轉賬",
   addressBook:"地址簿",
   addAddress:"添加地址",
+  collectionPayment:"收款",
+  exchange:"兌換",
 
    UserAgreement: "用戶協議",
   BackupMnemonic: "備份助記詞"

src/router/system.js

@@ -79,6 +79,18 @@ export const systemRoutes = [
         meta: { title: "router.addAddress", keepAlive: false, navbar: true, leftArrow: true }, // 添加地址
         component: () => import("@/views/me/addAddress/index.vue"),
       },
+      {
+        path: "proceeds",
+        name: "proceeds",
+        meta: { title: "router.collectionPayment", keepAlive: false, navbar: true, leftArrow: true }, // 收款
+        component: () => import("@/views/wallet/proceeds/index.vue"),
+      },
+      {
+        path: "exchange",
+        name: "exchange",
+        meta: { title: "router.exchange", keepAlive: false, navbar: true, leftArrow: true }, // 元宝兑换
+        component: () => import("@/views/wallet/ybExchange/index.vue"),
+      },
     ],
   },
 ];

src/views/wallet/index.vue

@@ -39,11 +39,11 @@
         <svg-icon style="width: 24px; height: 24px;" name="right" @click="goDetail"/>
       </div>
       <div class="card-box">
-        <div class="box-cont">
+        <div class="box-cont" @click="goToPage('exchange')">
           <svg-icon class="box-cont-icon" style="width: 30px; height: 30px;" name="1" />
           <div>元宝兑换</div>
         </div>
-        <div class="box-cont">
+        <div class="box-cont" @click="goToPage('proceeds')">
           <svg-icon class="box-cont-icon" style="width: 30px; height: 30px;" name="2" />
           <div>收款</div>
         </div>

src/views/wallet/proceeds/index.vue

@@ -0,0 +1,85 @@
+<template>
+    <div class="container">
+        <div class="content">
+            <div class="title">
+                <div class="logo"></div>
+                <div>ACC收款</div>
+            </div>
+            <div class="qrcode">
+                <qrcode-vue :value="qrtext" :size="239" :margin="2" background="transparent"/>
+                <div class="address">18gyff43443967676764566000ACC</div>
+            </div>
+        </div>
+        <van-button class="footer-btn" type="primary" size="large">复制</van-button>
+    </div>
+</template>
+
+<script setup>
+import QrcodeVue from 'qrcode.vue'
+import { useRouter } from 'vue-router'
+const router = useRouter();
+const qrtext = ref('123');
+</script>
+
+<style lang="less" scoped>
+.container{
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 44px);
+    padding: 17px 17px 33px;
+    box-sizing: border-box;
+    .content{
+        flex: 1;
+        background-color: #fff;
+        border-radius: 12px;
+        margin-bottom: 129px;
+        padding: 37px 32px 33px;
+        .title{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            font-family: PingFang SC, PingFang SC;
+            font-weight: 500;
+            font-size: 19px;
+            color: #000000;
+            margin-bottom: 17px;
+            .logo{
+                width: 62px;
+                height: 62px;
+                border-radius: 12px;
+                background-color: gray;
+                margin-bottom: 10px;
+            }
+        }
+        .qrcode{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            .address{
+                margin-top: 18px;
+                background: #F2F2F2;
+                border-radius: 8px;
+                border: 1px solid #D8D8D8;
+                padding: 18px 24px;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 15px;
+                color: #000000;
+            }
+        }
+        
+    }
+    .footer-btn{
+        height: 40px !important;
+        line-height: 40px !important;
+        background: linear-gradient( 90deg, #4765DD 0%, #40A4FB 100%) !important;
+        border-radius:51px;
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 500;
+        font-size: 15px;
+        padding: 9px 0;
+        box-sizing: border-box;
+        color: #fff;
+    }
+}
+</style>

src/views/wallet/ybExchange/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="less" scoped>
+
+</style>