diff --git a/apps/web-antd/src/store/auth.ts b/apps/web-antd/src/store/auth.ts index 9e2c567d..0ac5a3fc 100644 --- a/apps/web-antd/src/store/auth.ts +++ b/apps/web-antd/src/store/auth.ts @@ -71,16 +71,6 @@ export const useAuthStore = defineStore('auth', () => { duration: 3, title: $t('authentication.loginSuccess'), }); - - await new Promise((resolve) => setTimeout(resolve, 1000)); - Array.from({ length: 5 }).forEach((_, index) => { - setTimeout(() => { - notification.success({ - title: '新的notification样式', - description: '这是一条新的通知消息', - }); - }, index * 900); - }); } } finally { loginLoading.value = false; diff --git a/apps/web-antd/src/views/dashboard/analytics/change.md b/apps/web-antd/src/views/dashboard/analytics/change.md new file mode 100644 index 00000000..e56672d4 --- /dev/null +++ b/apps/web-antd/src/views/dashboard/analytics/change.md @@ -0,0 +1,11 @@ +## 变化(跟ant-design-vue对比) + +从ant design (react) v6移植过来 详细也可以看[antd的文档](https://ant.design/changelog-cn#600) + +- 支持css变量 不用再写**deep**或者加权重来覆盖样式 +- 支持`组件语义化结构` [组件语义化结构](https://ant.design/docs/blog/semantic-beauty-cn) +- notification的新样式 (这个从antd5都已经有了 vue一直没有) +- RadioGroup支持水波纹效果 +- modal/drawer支持blur效果 +- 支持颜色与变体 需要绿色按钮?不用再写css了[Button 组件](https://ant.design/components/button-cn#button-demo-color-variant) +- 支持颜色选择器[ColorPicker 组件](https://ant.design/components/color-picker-cn) 这个也是从antd5就开始有了 vue一直没有 diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue index 00c20a08..a93a98ca 100644 --- a/apps/web-antd/src/views/dashboard/analytics/index.vue +++ b/apps/web-antd/src/views/dashboard/analytics/index.vue @@ -6,6 +6,7 @@ import { AnalysisChartCard, AnalysisChartsTabs, AnalysisOverview, + MarkdownPreviewer, } from '@vben/common-ui'; import { SvgBellIcon, @@ -14,13 +15,14 @@ import { SvgDownloadIcon, } from '@vben/icons'; -import { Alert } from 'antdv-next'; +import { Alert, notification } from 'antdv-next'; import AnalyticsTrends from './analytics-trends.vue'; import AnalyticsVisitsData from './analytics-visits-data.vue'; import AnalyticsVisitsSales from './analytics-visits-sales.vue'; import AnalyticsVisitsSource from './analytics-visits-source.vue'; import AnalyticsVisits from './analytics-visits.vue'; +import md from './change.md?raw'; const overviewItems: AnalysisOverviewItem[] = [ { @@ -63,16 +65,27 @@ const chartTabs: TabOption[] = [ value: 'visits', }, ]; + +function handleClick() { + notification.success({ + title: '新的 notification 样式', + description: 'ant design', + }); +}