1、使用页面组件+切换导航组件+轮播组件+滚动区域组合实现;
2、完整的刷新、加载、分类切换逻辑;
3、基于滚动区域的模拟形式的刷新及加载;
4、请参考演示数据的逻辑连接自己的后端 api 获取数据;
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
此页面基于轮播 + 滚动区域 + 文章列表组件实现,在低端机上有可能因为以下原因造成页面卡顿,我们也与官方沟通过此类情况,总结如下 :
01. 图片过大并且数量较多,解决方案 : 后端压缩图片尺寸(与uni-app 官方沟通、验证过);
02. nvue 端即便使用 list cell 依旧不能解决安卓低端机器卡顿问题,请使用 vue 版本实现( uni-app 底层对图片组件进行了改进存在渲染问题 );
03. 如果图片左右布局请使用 列表组件来代替此页面的 文章列表 组件;
04. 卡顿现象多出现于 app 顿,小程序端运行良好;