Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] vant3.6.0,tabbar组件bug #10953

Closed
gaoqiya opened this issue Aug 21, 2022 · 4 comments
Closed

[Bug Report] vant3.6.0,tabbar组件bug #10953

gaoqiya opened this issue Aug 21, 2022 · 4 comments

Comments

@gaoqiya
Copy link

gaoqiya commented Aug 21, 2022

重现链接

https://vant-contrib.gitee.io/vant/#/zh-CN/tabbar

Vant 版本

3.6.0

描述一下你遇到的问题。

使用vant3.6.0,tabbar组件编译后无法定位到页面的底部。排查后发现,页面上会被其他样式覆盖,但我没有用到那个样式,如图:
image
image
我是使用的按需引入组件。

设备/浏览器

所有设备

@chenjiahan
Copy link
Member

麻烦提供一个复现问题的 codesandbox 链接或仓库地址

@gaoqiya
Copy link
Author

gaoqiya commented Aug 22, 2022

麻烦提供一个复现问题的codeandbox链接或仓库地址

仓库地址:https://github.com/gaoqiya/test

本地打包后可以复现,麻烦给看看,谢谢!

@chenjiahan
Copy link
Member

看了下是 vite 的 bug,导致 CSS 顺序错误了,可以到相关 issue 中跟进:

@chenjiahan
Copy link
Member

如果想避免这个问题,可以先在入口文件中全量引入样式,然后把 unplugin-vue-components 的自动样式引入给关掉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants