update

src/pages/paymentAccount/index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import XNav from "../../components/XNav.vue";
-import {toPage} from "../../utils/uils.js";
+import {showToast, toPage} from "../../utils/uils.js";
 import ICON1 from "../../static/icons/payICON.png";
 import ICON2 from "../../static/icons/right_blue.png";
 import ICON3 from "../../static/icons/icon-edit-white.png";
@@ -8,6 +8,14 @@ import ICON4 from "../../static/icons/icon-delete-white.png";
 import ICON5 from "../../static/icons/icon-radio.png";
 import ICON6 from "../../static/icons/icon-radio-s.png";
 import XLink from "../../components/XLink.vue";
+import XConfirmModal from "../../components/XConfirmModal.vue";
+
+const deletePayment = async () => {
+    showToast({
+        icon: 'success',
+        title: '删除成功'
+    });
+}
 </script>
 
 <template>
@@ -26,7 +34,9 @@ import XLink from "../../components/XLink.vue";
             <view class="!flex items-center">
                 <view class="text-[#fff]">支付宝</view>
                 <image class="!size-[35rpx] !ml-auto" mode="aspectFill" :src="ICON3"></image>
-                <image class="!size-[30rpx] !ml-[20rpx]" mode="aspectFill" :src="ICON4"></image>
+                <x-confirm-modal title="确定删除银行卡" info="135 7777 9865" @success="deletePayment">
+                    <image class="!size-[30rpx] !ml-[20rpx]" mode="aspectFill" :src="ICON4"></image>
+                </x-confirm-modal>
             </view>
             <view class="HarmonyOS account">
                 135 7777 9865