chore: imporove unocss class (#246)

This commit is contained in:
Chris 2022-11-30 15:30:35 +08:00 committed by GitHub
parent 9ee51a5831
commit b6502b7a72
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 10 deletions

View file

@ -5,13 +5,8 @@ defineProps<{
</script>
<template>
<div overflow-hidden h="1.25rem">
<div
transition="duration-300 transform"
:style="{
transform: increased ? 'translateY(-50%)' : 'translateY(0%)',
}"
>
<div of-hidden h="1.25rem">
<div flex="~ col" transition-transform duration-300 :class="increased ? 'translate-y--1/2' : 'translate-y-0'">
<slot />
<slot name="next" />
</div>

View file

@ -55,10 +55,10 @@ useCommand({
</div>
</CommonTooltip>
<CommonAnimateNumber :increased="active">
<span display-block text-secondary-light text-sm>{{ text }}</span>
<CommonAnimateNumber :increased="active" text-sm>
<span text-secondary-light>{{ text }}</span>
<template #next>
<span display-block :class="[color]" text-sm>{{ text }}</span>
<span :class="[color]">{{ text }}</span>
</template>
</CommonAnimateNumber>
</component>