Commit 50de254e by jianan

fix: 指标卡金额字号随屏宽伸缩,修复小程序 web-view 窄屏溢出卡片

parent b0615cd0
......@@ -13,9 +13,10 @@ defineProps<{
:class="feature ? 'p-5' : 'p-4'"
>
<div class="text-xs text-slate-500">{{ label }}</div>
<!-- 金额无空格不可断行,字号随屏宽伸缩,防止小屏(小程序 web-view)溢出卡片 -->
<div
class="tnum mt-2 font-semibold tracking-tight text-slate-900"
:class="feature ? 'text-[28px] leading-tight' : 'text-xl'"
:class="feature ? 'text-[clamp(20px,6.4vw,28px)] leading-tight' : 'text-[clamp(13px,4.2vw,20px)]'"
>{{ value }}</div>
<div v-if="hint" class="mt-1 text-xs text-slate-400">{{ hint }}</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment