update

src/components/XInfoModal.vue

@@ -0,0 +1,42 @@
+<script setup>
+import XModal from "./XModal.vue";
+
+const emits = defineEmits(['success', 'cancel']);
+const show = defineModel('show');
+
+const success = () => {
+    emits('success');
+}
+
+const cancel = () => {
+    show.value = false;
+    emits('cancel');
+}
+</script>
+
+<template>
+    <x-modal v-model:show="show">
+        <view class="py-[40rpx] px-[32rpx]">
+            <slot></slot>
+        </view>
+
+        <view class="h-[3rpx] w-full bg-[#F2F3F5]"></view>
+
+        <view class="!flex gap-[24rpx] px-[32rpx] pt-[16rpx] pb-[40rpx]">
+            <view
+                @click="cancel"
+                class="rounded-[8rpx] text-[var(--primary-color)] bg-[var(--primary-color-info)] flex-grow py-[20rpx] !flex justify-center items-center">
+                取消
+            </view>
+            <view
+                @click="success"
+                class="rounded-[8rpx] bg-[var(--primary-color)] text-[#fff] flex-grow py-[20rpx] !flex justify-center items-center">
+                确定
+            </view>
+        </view>
+    </x-modal>
+</template>
+
+<style scoped lang="scss">
+
+</style>