mipengine / mip

[Deprecated] 请查看 mip2
https://www.mipengine.org/
MIT License
380 stars 81 forks source link

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

Open itwkw-com opened 6 years ago

itwkw-com commented 6 years ago

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

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

xuexb commented 6 years ago

赞!

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

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

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

@wupengFEX 怎么看?