van-skeleton
时间: 2023-12-26 18:07:06 浏览: 32
van-skeleton是vant插件中的一个组件,用于实现页面骨架屏效果。骨架屏是一种在页面加载过程中展示页面大体结构的技术,可以避免用户看到长时间的白页,同时提供流畅的视觉效果,减小用户认为页面出错而离开的可能性。
在vant框架中,可以通过手写HTML和CSS来自定义骨架屏的样式和布局。这种方式可以复刻页面的真实样式,但如果页面样式发生改变,就需要重新修改骨架屏的样式和布局,增加了维护成本。还有一个方案是使用vue-skeleton-webpack-plugin插件,结合vueSSR和webpack,在构建时渲染预先编写的vue骨架屏组件,并将生成的DOM节点和相关样式插入到最终输出的HTML中。
另外,还有一种方案是自动生成静态骨架屏。具体实现细节可以参考引用中提供的链接。总的来说,van-skeleton是vant插件中用于实现骨架屏效果的组件,可以通过手写HTML和CSS、vue-skeleton-webpack-plugin插件以及自动生成静态骨架屏等方式来创建骨架屏效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [骨架屏(vant插件)](https://blog.csdn.net/qq_37034928/article/details/95939302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [前端骨架屏应用](https://blog.csdn.net/kiscon/article/details/128190949)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]