From e0cb82c8dbf83fabc0cab548abc873926366fb75 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 17:29:15 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/components/Result/Result.vue | 65 ++++++++++++++++++++++++++++++++
1 files changed, 65 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/components/Result/Result.vue b/packages/components/src/components/Result/Result.vue
new file mode 100644
index 0000000..6c8b33d
--- /dev/null
+++ b/packages/components/src/components/Result/Result.vue
@@ -0,0 +1,65 @@
+<template>
+ <div class="result-wrapper" v-bind="$attrs">
+ <div class="result-content">
+ <img class="result-content-icon" :src="icon" />
+ <div class="result-content-title">{{ title }}</div>
+ <div class="result-content-remark">
+ <slot name="remark"> </slot>
+ </div>
+ </div>
+ <div class="result-order-number">
+ <div class="result-order-number-label">璁㈠崟缂栧彿锛�</div>
+ <div class="result-order-number-value">{{ orderNo }}</div>
+ </div>
+ <div class="result-wrapper-tips">
+ <slot name="tips"> </slot>
+ </div>
+ <div class="result-wrapper-actions">
+ <slot name="actions">
+ <div class="chunk-form-actions">
+ <nut-button class="recharge-button" type="primary" @click="emit('goBackHome')">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">杩斿洖棣栭〉</div>
+ </div>
+ </nut-button>
+ </div>
+ </slot>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { OssAssets } from '../../constants/img';
+
+defineOptions({
+ name: 'Result',
+});
+
+type Props = {
+ title?: string;
+ type?: 'success' | 'fail';
+ orderNo?: string;
+ servicePhone?: string;
+ dangerTips?: string;
+ warningTips?: string;
+ customerServiceTips?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+
+const emit = defineEmits<{
+ (e: 'goBackHome'): void;
+}>();
+
+const icon = computed(() => {
+ switch (props.type) {
+ case 'success':
+ return OssAssets.result.Success;
+ case 'fail':
+ return OssAssets.result.Fail;
+ default:
+ return OssAssets.result.Success;
+ }
+});
+</script>
--
Gitblit v1.9.1