style: 调整 Vue 组件中 CSS 类的顺序以遵循 Tailwind 约定

将 bg-background 类移至其他背景相关类之后,以符合 Tailwind CSS 的推荐类排序规则,提高代码可读性和维护性。
This commit is contained in:
dap
2026-01-27 20:55:22 +08:00
parent a8576d2c05
commit be5af9e991

View File

@@ -205,11 +205,11 @@ onMounted(async () => {
<Page :auto-content-height="true">
<div class="flex h-full gap-2">
<div
class="bg-background relative flex h-full min-w-[320px] max-w-[320px] flex-col rounded-lg"
class="relative flex h-full min-w-[320px] max-w-[320px] flex-col rounded-lg bg-background"
>
<!-- 搜索条件 -->
<div
class="bg-background z-100 sticky left-0 top-0 w-full rounded-t-lg border-b-[1px] border-solid p-2"
class="sticky left-0 top-0 z-100 w-full rounded-t-lg border-b-[1px] border-solid bg-background p-2"
>
<Segmented
v-model:value="currentType"
@@ -331,7 +331,7 @@ onMounted(async () => {
</div>
<!-- total显示 -->
<div
class="bg-background sticky bottom-0 w-full rounded-b-lg border-t-[1px] py-2"
class="sticky bottom-0 w-full rounded-b-lg border-t-[1px] bg-background py-2"
>
<div class="flex items-center justify-center">
{{ taskTotal }} 条记录