فهرست منبع

✨ feat(home): 添加全局通知提示组件

- 引入Sonner的Toaster组件实现通知功能
- 配置通知位置为右上角,启用富色彩和关闭按钮
- 设置通知自动关闭时间为3秒,提升用户体验
yourname 4 ماه پیش
والد
کامیت
916f821464
1فایلهای تغییر یافته به همراه8 افزوده شده و 0 حذف شده
  1. 8 0
      src/client/home-shadcn/index.tsx

+ 8 - 0
src/client/home-shadcn/index.tsx

@@ -4,6 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { AuthProvider } from './hooks/AuthProvider'
 import { RouterProvider } from 'react-router-dom'
 import { router } from './routes'
+import { Toaster } from '@/client/components/ui/sonner'
 
 // 创建QueryClient实例
 const queryClient = new QueryClient();
@@ -14,6 +15,13 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <AuthProvider>
         <RouterProvider router={router} />
+        <Toaster 
+          position="top-right"
+          expand={false}
+          richColors
+          closeButton
+          duration={3000}
+        />
       </AuthProvider>
     </QueryClientProvider>
   )