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

mip-nav-slidedown 菜单 出现闪屏,有没有更好的解决方案? #262

Open
itwkw-com opened this issue Jan 8, 2018 · 1 comment
Assignees

Comments

@itwkw-com
Copy link

已我了解,闪屏原因是因为组件JS后加载CSS文件。打开页面时,JS还没执行,导致mip-nav-slidedown 菜单组建的CSS还没有生成,没有渲染到页面。会出现一下没有样式的情况,感觉这样用户体验不好。。

目前我临时解决了,就是把对应生成的CSS,手动放在mip-custom里面。可以解决闪屏问题,但感觉这不是最优的解决方法,想问问有没有更好的?

@xuexb
Copy link
Contributor

xuexb commented Jan 8, 2018

赞!

是的,我也看到过类似的问题,确实是页面显示了,而组件的 JS 还没有执行,但页面是真有 HTML 代码的,导致会看到一个没有样式的版本。

但本质来说,应该是开发组件必须要考虑的,需要合理的使用组件布局来达到页面中响应式、预加载占位等效果。

比如这个下拉菜单的组件,应该使用 layout + height 完成一个默认的高度设置,当组件加载后自行处理组件溢出的样式(如展开下拉项)。

@wupengFEX 怎么看?

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

No branches or pull requests

3 participants