update

src/pages/wallet/components/WithdrawalModal.vue

@@ -0,0 +1,78 @@
+<script setup>
+import {ref} from "vue";
+import XConfirmModal from "../../../components/XConfirmModal.vue";
+import {showToast} from "../../../utils/uils.js";
+
+const show = ref(false);
+const open = () => {
+    show.value = true;
+}
+
+const success = () => {
+    showToast({
+        icon: 'success',
+        title: '发起提现成功，正在打款',
+    });
+}
+</script>
+
+<template>
+    <view>
+        <view @click="open">
+            <slot></slot>
+        </view>
+
+        <x-confirm-modal
+            @success="success"
+            v-model:show="show"
+            width="540rpx"
+            confirm-text="我已确认"
+            :cancel="false">
+            <template v-slot:context>
+                <view class="w-full">
+                    <view class="title">
+                        请核对提现信息
+                    </view>
+                    <view class="info">
+                        姓名：李晓<br/>
+                        支付宝号：13566890241<br/>
+                        提现金额：36.78<br/>
+                        提现手续费：3.678<br/>
+                        到账金额：33.10
+                    </view>
+                    <view class="exp">
+                        手续费率为6%，由三方代账公司收取
+                    </view>
+                </view>
+            </template>
+        </x-confirm-modal>
+    </view>
+</template>
+
+<style scoped lang="scss">
+.title {
+    color: rgb(29, 33, 41);
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    letter-spacing: 0;
+    text-align: center;
+}
+
+.info {
+    color: rgb(78, 89, 105);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: 0;
+    text-align: left;
+}
+
+.exp {
+    color: rgb(155, 159, 171);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: 0;
+}
+</style>

src/pages/wallet/index.vue

@@ -5,6 +5,11 @@ import XNav from "../../components/XNav.vue";
 import XLink from "../../components/XLink.vue";
 import Right from "../../static/icons/right.png";
 import {toPage} from "../../utils/uils.js";
+import WithdrawalModal from "./components/WithdrawalModal.vue";
+
+const withdrawal = async () => {
+
+}
 </script>
 
 <template>
@@ -26,10 +31,13 @@ import {toPage} from "../../utils/uils.js";
                     <view class="test-28r">可提现余额(元）</view>
                     <view class="HarmonyOS" style="font-size: 60rpx;font-weight: 500;">0.00</view>
                 </view>
-                <view
-                    class="py-[8rpx] bg-[var(--primary-color)] text-[#fff] rounded-full w-[200rpx] !flex justify-center items-center">
-                    立即提现
-                </view>
+                <withdrawal-modal>
+                    <view
+                        @click=""
+                        class="py-[8rpx] bg-[var(--primary-color)] text-[#fff] rounded-full w-[200rpx] !flex justify-center items-center">
+                        立即提现
+                    </view>
+                </withdrawal-modal>
             </view>
 
             <view class="h-[3rpx] bg-[#E5E6EB] !my-[20rpx]"></view>
@@ -60,7 +68,7 @@ import {toPage} from "../../utils/uils.js";
         </view>
 
         <view class="w-full bg-[#fff] rounded-[16rpx] overflow-hidden">
-            <view class="!flex items-center h-[108rpx] px-[32rpx]">
+            <view class="!flex items-center h-[108rpx] px-[32rpx]" @click="toPage('/pages/changeLog/index')">
                 <view class="title">变动记录</view>
                 <view class="!ml-auto whitespace-nowrap value"></view>
                 <image class="!w-[16rpx] !ml-[16rpx]" mode="widthFix" :src="Right"></image>