pro-layout 与 3.0版本的ant-design-vue 导致的样式bug - Githubissues

vueComponent / pro-components

easy use `Ant Design Vue` layout

MIT License

535 stars 214 forks source link

pro-layout 与 3.0版本的ant-design-vue 导致的样式bug #186

Closed hya-sys closed 2 years ago

hya-sys commented 2 years ago

🐛 Bug 描述 Bug description

问题1:ant-design-vue 样式通过官方文档的babel-plugin-import的 style 配置来引入less样式，pro-layout 是直接引入的less文件样式，会导致整体页面排版出现问题
问题2: 我直接通过less文件形式导入ant-design-vue 3.0样式，pro-layout 在后面覆盖会出现tab 组件样式丢失问题。

🏞 期望结果 Desired result

我通过引入 @ant-design-vue/pro-layout/dist/style.css 可以解决排版问题但是这样无法定制主题。。

截屏2021-12-19 下午5 33 33

🚑 其他信息 Other information

问题1截图如下
问题2截图如下

sendya commented 2 years ago

1 按需引入样式由于是动态加载的，并且页面级别优先级高于默认的全局样式，会被覆盖，暂无解决方案（不想使用 !important） 2 tab 组件没遇到过，请提供复现仓库

andrewgreat commented 2 years ago

这个是pro-layout与ant-design-vue兼容性问题，升级ant-design-vue到最新版本3.0.0-beta.7可以解决

sendya commented 2 years ago

升级到 3.2.0-rc.0