chore: imporove unocss class (#246)
parent
9ee51a5831
commit
b6502b7a72
|
@ -5,13 +5,8 @@ defineProps<{
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div overflow-hidden h="1.25rem">
|
<div of-hidden h="1.25rem">
|
||||||
<div
|
<div flex="~ col" transition-transform duration-300 :class="increased ? 'translate-y--1/2' : 'translate-y-0'">
|
||||||
transition="duration-300 transform"
|
|
||||||
:style="{
|
|
||||||
transform: increased ? 'translateY(-50%)' : 'translateY(0%)',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<slot />
|
<slot />
|
||||||
<slot name="next" />
|
<slot name="next" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -55,10 +55,10 @@ useCommand({
|
||||||
</div>
|
</div>
|
||||||
</CommonTooltip>
|
</CommonTooltip>
|
||||||
|
|
||||||
<CommonAnimateNumber :increased="active">
|
<CommonAnimateNumber :increased="active" text-sm>
|
||||||
<span display-block text-secondary-light text-sm>{{ text }}</span>
|
<span text-secondary-light>{{ text }}</span>
|
||||||
<template #next>
|
<template #next>
|
||||||
<span display-block :class="[color]" text-sm>{{ text }}</span>
|
<span :class="[color]">{{ text }}</span>
|
||||||
</template>
|
</template>
|
||||||
</CommonAnimateNumber>
|
</CommonAnimateNumber>
|
||||||
</component>
|
</component>
|
||||||
|
|
Loading…
Reference in New Issue