refactor: 迁移到 @nuxt/ui@4
- https://ui.nuxt.com/docs/getting-started/migration/v4#changes-from-v3
This commit is contained in:
@@ -885,7 +885,7 @@ const onCreateSubmit = async (
|
||||
<!-- 状态筛选 -->
|
||||
<div class="mb-4 flex items-center gap-4">
|
||||
<span class="text-sm text-gray-600 dark:text-gray-400">状态筛选:</span>
|
||||
<UButtonGroup>
|
||||
<UFieldGroup>
|
||||
<UButton
|
||||
:color="statusFilter === 0 ? 'primary' : 'neutral'"
|
||||
:variant="statusFilter === 0 ? 'solid' : 'ghost'"
|
||||
@@ -910,7 +910,7 @@ const onCreateSubmit = async (
|
||||
}
|
||||
"
|
||||
/>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
<UBadge
|
||||
v-if="titlesListResp?.data.total"
|
||||
color="primary"
|
||||
|
||||
@@ -338,7 +338,7 @@ const onAvatarUpload = async (files: FileList) => {
|
||||
<div
|
||||
class="absolute inset-0 flex flex-col items-center justify-center bg-white/50 opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100 dark:bg-neutral-800/50"
|
||||
>
|
||||
<UButtonGroup>
|
||||
<UFieldGroup>
|
||||
<UButton
|
||||
color="neutral"
|
||||
icon="tabler:download"
|
||||
@@ -353,7 +353,7 @@ const onAvatarUpload = async (files: FileList) => {
|
||||
}
|
||||
"
|
||||
/>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
<span
|
||||
class="pt-4 text-xs font-medium text-neutral-400 dark:text-neutral-300"
|
||||
>
|
||||
|
||||
@@ -131,7 +131,7 @@ onMounted(() => {
|
||||
"
|
||||
>
|
||||
<template #action>
|
||||
<UButtonGroup size="md">
|
||||
<UFieldGroup size="md">
|
||||
<UInput
|
||||
id="input-search"
|
||||
v-model="searchInput"
|
||||
@@ -151,7 +151,7 @@ onMounted(() => {
|
||||
/>
|
||||
</template>
|
||||
</UInput>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
<UButton
|
||||
id="button-create"
|
||||
:trailing="false"
|
||||
|
||||
@@ -476,7 +476,7 @@ const onDeleteCat = (cat: PPTCategory) => {
|
||||
|
||||
<div class="space-y-4">
|
||||
<UFormField label="创建分类">
|
||||
<UButtonGroup
|
||||
<UFieldGroup
|
||||
orientation="horizontal"
|
||||
class="w-full"
|
||||
size="lg"
|
||||
@@ -493,7 +493,7 @@ const onDeleteCat = (cat: PPTCategory) => {
|
||||
:disabled="!createCatInput"
|
||||
@click="onCreateCat"
|
||||
/>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
</UFormField>
|
||||
<div class="rounded-md border dark:border-neutral-700">
|
||||
<UTable
|
||||
|
||||
@@ -440,7 +440,7 @@ onMounted(() => {
|
||||
name="mobile"
|
||||
required
|
||||
>
|
||||
<UButtonGroup class="w-full">
|
||||
<UFieldGroup class="w-full">
|
||||
<UInput
|
||||
v-model="smsForm.mobile"
|
||||
:disabled="final_loading"
|
||||
@@ -467,7 +467,7 @@ onMounted(() => {
|
||||
color="neutral"
|
||||
variant="outline"
|
||||
/>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
</UFormField>
|
||||
<Transition name="pin-root">
|
||||
<div
|
||||
@@ -518,7 +518,7 @@ onMounted(() => {
|
||||
name="mobile"
|
||||
required
|
||||
>
|
||||
<UButtonGroup class="w-full">
|
||||
<UFieldGroup class="w-full">
|
||||
<UInput
|
||||
v-model="forgetPasswordState.mobile"
|
||||
:disabled="final_loading"
|
||||
@@ -543,7 +543,7 @@ onMounted(() => {
|
||||
class="text-xs font-bold"
|
||||
color="neutral"
|
||||
/>
|
||||
</UButtonGroup>
|
||||
</UFieldGroup>
|
||||
</UFormField>
|
||||
<UFormField
|
||||
label="验证码"
|
||||
|
||||
Reference in New Issue
Block a user