优化左侧悬浮显示提示

This commit is contained in:
yml2213
2026-05-23 15:02:53 +08:00
parent a6a1afb879
commit f2492d5e40
2 changed files with 106 additions and 6 deletions
@@ -690,7 +690,14 @@ function readError(error: unknown, fallback: string) {
<div v-for="item in quantityItems" :key="item.key" class="quantity-row">
<div class="quantity-card">
<div class="quantity-meta">
<strong><span>*</span>{{ item.label }}</strong>
<strong
class="backend-hint-target"
:class="{ 'has-hint': Boolean(item.placeholder) }"
:data-hint="item.placeholder"
:tabindex="item.placeholder ? 0 : -1"
>
<span>*</span>{{ item.label }}
</strong>
<small>{{ item.price }}</small>
</div>
<input
@@ -832,7 +839,14 @@ function readError(error: unknown, fallback: string) {
<div class="upload-list">
<div v-for="slot in screenshotSlots" :key="slot.key" class="upload-line">
<div class="upload-meta">
<strong>{{ slot.label }}<span v-if="isScreenshotRequired(slot)">*</span></strong>
<strong
class="upload-title"
:class="{ 'has-hint': Boolean(slot.hint) }"
:data-hint="slot.hint"
:tabindex="slot.hint ? 0 : -1"
>
{{ slot.label }}<span v-if="isScreenshotRequired(slot)">*</span>
</strong>
<small>{{ slot.hint }}</small>
</div>
<div v-if="screenshotFiles[slot.key]" class="upload-preview">
@@ -871,7 +885,11 @@ function readError(error: unknown, fallback: string) {
:placeholder="priceConfig.deposit_placeholder"
suffix="元"
class="publish-field"
/>
>
<template #label>
<span class="hint-label" :data-hint="priceConfig.deposit_placeholder" tabindex="0">押金</span>
</template>
</van-field>
<div class="result-grid">
<van-field
:model-value="calculatedRatioText"
@@ -879,7 +897,11 @@ function readError(error: unknown, fallback: string) {
readonly
:placeholder="priceConfig.ratio_description"
class="publish-field result-field"
/>
>
<template #label>
<span class="hint-label" :data-hint="priceConfig.ratio_description" tabindex="0">比例</span>
</template>
</van-field>
<van-field
:model-value="calculatedFinalPrice ? `¥${calculatedFinalPrice}` : ''"
label="价格"
@@ -887,7 +909,11 @@ function readError(error: unknown, fallback: string) {
required
:placeholder="priceConfig.price_placeholder"
class="publish-field result-field"
/>
>
<template #label>
<span class="hint-label" :data-hint="priceConfig.price_placeholder" tabindex="0">价格</span>
</template>
</van-field>
</div>
<van-field