From a6062362747ef4f5f6fcd1f5ab2b5b68abe4e393 Mon Sep 17 00:00:00 2001
From: wuyiping <42107997+wuyiping0628@users.noreply.github.com>
Date: Tue, 21 Apr 2026 16:40:38 +0800
Subject: [PATCH] feat(form-item): solve the overlap between strong prompts and
 verification prompt content (#4190)

---
 examples/sites/demos/mobile-first/app/form/prompt-slot.vue | 2 +-
 packages/vue/src/form-item/src/mobile-first.vue            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/sites/demos/mobile-first/app/form/prompt-slot.vue b/examples/sites/demos/mobile-first/app/form/prompt-slot.vue
index b2db963c6..081089edb 100644
--- a/examples/sites/demos/mobile-first/app/form/prompt-slot.vue
+++ b/examples/sites/demos/mobile-first/app/form/prompt-slot.vue
@@ -3,7 +3,7 @@
     <tiny-form ref="ruleForm" :model="createData" :rules="rules" label-width="96px" show-message>
       <tiny-form-item label="必填项" prop="users" required>
         <template #prompt>
-          <div class="relative sm:absolute text-xs leading-normal text-color-alert" title="强提示插槽">强提示插槽</div>
+          <div class="text-xs leading-normal text-color-alert" title="强提示插槽">强提示插槽</div>
         </template>
         <tiny-input v-model="createData.users"></tiny-input>
       </tiny-form-item>
diff --git a/packages/vue/src/form-item/src/mobile-first.vue b/packages/vue/src/form-item/src/mobile-first.vue
index 33e97931e..b9642d949 100644
--- a/packages/vue/src/form-item/src/mobile-first.vue
+++ b/packages/vue/src/form-item/src/mobile-first.vue
@@ -141,7 +141,7 @@
           {{ state.validateMessage }}
         </div>
       </slot>
-      <slot v-if="state.validateState !== 'error' && showMessage && state.showMessage" name="prompt"> </slot>
+      <slot v-if="showMessage && state.showMessage" name="prompt"> </slot>
     </div>
   </div>
 </template>