Open itwkw-com opened 6 years ago
已我了解,闪屏原因是因为组件JS后加载CSS文件。打开页面时,JS还没执行,导致mip-nav-slidedown 菜单组建的CSS还没有生成,没有渲染到页面。会出现一下没有样式的情况,感觉这样用户体验不好。。
目前我临时解决了,就是把对应生成的CSS,手动放在mip-custom里面。可以解决闪屏问题,但感觉这不是最优的解决方法,想问问有没有更好的?
赞!
是的,我也看到过类似的问题,确实是页面显示了,而组件的 JS 还没有执行,但页面是真有 HTML 代码的,导致会看到一个没有样式的版本。
但本质来说,应该是开发组件必须要考虑的,需要合理的使用组件布局来达到页面中响应式、预加载占位等效果。
比如这个下拉菜单的组件,应该使用 layout + height 完成一个默认的高度设置,当组件加载后自行处理组件溢出的样式(如展开下拉项)。
layout
height
@wupengFEX 怎么看?
已我了解,闪屏原因是因为组件JS后加载CSS文件。打开页面时,JS还没执行,导致mip-nav-slidedown 菜单组建的CSS还没有生成,没有渲染到页面。会出现一下没有样式的情况,感觉这样用户体验不好。。
目前我临时解决了,就是把对应生成的CSS,手动放在mip-custom里面。可以解决闪屏问题,但感觉这不是最优的解决方法,想问问有没有更好的?