src/views/mine/Cashout.vue

@@ -4,8 +4,8 @@
             <div class="tabs">
                 <div class="beforetab">提现到指定账户</div>
                 <span class="residue">余额：{{ yue }}</span>
-                <div class="topbtn topbtn2">提现到指定账户</div>
-                <div class="topbtn topbtn1">提现记录</div>
+                <div class="topbtn topbtn2" @click="navto('/mine/addaccount')">提现到指定账户</div>
+                <div class="topbtn topbtn1" @click="navto('/mine/transaction')">提现记录</div>
             </div>
             <div class="line"></div>
             <div class="choose">
@@ -131,6 +131,7 @@ import NavBottom from "@/components/NavBottom.vue";
 import { cashout, getwallect } from "@/api";
 import store from "@/store";
 import { message } from "ant-design-vue";
+import router from '@/router';
 export default defineComponent({
     name: "Cashout",
     components: {
@@ -150,8 +151,8 @@ export default defineComponent({
         const moneychange: (e: number) => void = (e: number) => {
             console.log(e);
         };
-        // const yue=ref<string>(store.state.userinfo.money)
-        const yue = ref<number>(10000);
+        const yue=ref<number>(store.state.userinfo.moneyValue)
+        // const yue = ref<number>(10000);
         // yue.value=store.state.userinfo.money
         const accountlist = ref<Array<any>>([]);
 
@@ -193,6 +194,11 @@ export default defineComponent({
             //     toRaw(accountlist.value)[payinfo.value.type]
             // );
         }
+
+        function navto(url: string){
+            router.push(url)
+        }
+
         return {
             money,
             moneychange,
@@ -283,6 +289,7 @@ export default defineComponent({
                 color: #808080;
                 font-size: 11px;
                 margin-right: 28px;
+                flex-shrink: 0;
             }
             .chooseitem {
                 display: flex;
@@ -301,7 +308,8 @@ export default defineComponent({
                         background: white;
                         border-radius: 17px;
                         margin-left: 17px;
-                        margin-right: 46px;
+                        width: 256px;
+                        margin-right: 30px;
                         margin-bottom: 17px;
                         .hostinfo {
                             display: flex;

src/views/mine/Wallet.vue

@@ -474,7 +474,7 @@ export default defineComponent({
     width:1170px;
     flex-wrap: wrap;
     .accountitem {
-      width: 372px;
+      width: 368px;
       height: 226px;
       background: white;
       border-radius: 17px;