TDesign Notification设置position后位置没变化是怎么回事？

Top丶青青提问于 2026-02-18 19:25:25 阅读 5

组件

我在用TDesign的Notification组件时遇到了问题，按照文档设置了position参数为”topRight”，但提示框总是显示在默认的左上角位置，这是为什么呢？

代码是这样写的：


import { Notification } from 'tdesign-react';

const showAlert = () => {
  Notification.show({
    title: '操作提示',
    content: '数据保存成功',
    theme: 'success',
    position: 'topRight', // 我设置了这个参数
    duration: 3000
  });
};

我检查过已经正确导入了样式文件，也尝试过’topLeft’、’bottomRight’等其他值，但位置始终没变化。难道还需要额外配置什么吗？

我来解答赞 1 收藏

反馈

1 条解答

东方海淇 Lv1

最简单的办法是检查下版本号，TDesign 的 Notification 组件在旧版本里根本不认 position 参数。升级到最新版就行，比如现在是 1.x 版本。

如果你懒得升级，那就手动改样式吧，直接用 CSS 调整位置：

.t-notification-top-right {

  top: 20px;

  right: 20px;

  left: auto;

}

不过还是建议升级，省得自己折腾。

2026-02-18 19:26