先说清楚:这部分到底解决什么工作场景

这部分资料聚焦在 uniapp 常用组件的实际拼装,不碰底层框架原理,也不涉及后端接口联调。它解决的场景很具体:当你拿到一个移动端页面设计稿,需要把列表、tabs、轮播图这些高频模块快速落到代码上,而不是卡在“点击事件为什么穿透”“列表为什么渲染不全”这类细节坑里。如果你正在做跨端小程序或者 App 的前端开发,这部分内容能帮你把日常界面搭建的效率提上来,少在基础组件的排错上反复耗费时间。

适合什么基础,建议先看哪几块

这套内容默认你已经写过基础的 Vue 模板,能看懂简单的数据绑定和事件指令,但不要求你精通 uniapp 全家桶。完全零基础的朋友建议先补一下 Vue 基本语法,否则直接看列表项的插槽用法会有理解断层。建议的观看顺序是:先看列表组件的基础结构,理解数据怎么驱动视图;接着重点看“基础列表点击不生效”那一节,这是很多人实际写业务时踩过的真实坑,看完能省掉不少调试时间;然后再顺次看卡片列表、消息列表和 tabs 的自定义修改。轮播图和加载中组件可以放在最后,作为交互细节的补充。

学完能独立做什么,资料怎么配合练习

跟着这部分练下来,你应该能独立搭出一个典型的移动端信息流页面:顶部用 tabs 切换不同分类,中间用列表展示数据,列表项支持自定义卡片样式,底部带加载状态。练习时不要只看不动手,建议按这个流程走:先看一遍视频理解思路,然后关掉视频自己照着写一遍,遇到卡点再回去对照。特别提醒,列表项单独使用和事件冲突那几节,光看是没用的,必须在编辑器里自己复现一遍问题,亲手改一下事件绑定的位置,才能真正记住。组件的自定义修改部分,建议你拿一个实际的设计稿当练习对象,试着把课程里的默认样式改成项目需要的样子,这样比单纯跟着视频敲代码更能检验掌握程度。


学员将掌握uniapp中列表、tabs、轮播图等常用组件的使用方法及自定义技巧,提升开发能力。

课程目录

*   01 01 概述.mp4 (15.24 MB), 02:53

*   02 02 列表组件.mp4 (91.19 MB), 15:23

*   03 03 基础列表.mp4 (80.12 MB), 15:18

*   04 04 解决基础列表点击不生效的问题.mp4 (31.61 MB), 06:45

*   05 05 卡片列表.mp4 (36.60 MB), 08:06

*   06 06 列表项单独使用.mp4 (132.72 MB), 25:22

*   07 07 消息列表.mp4 (138.74 MB), 25:55

*   08 08 加载中组件.mp4 (117.56 MB), 22:17

*   09 09 tabs组件的基本使用.mp4 (111.18 MB), 22:03

*   10 10 修改tabs的背景色.mp4 (36.19 MB), 06:59

*   11 11 自定义tabs的宽高.mp4 (35.12 MB), 06:42

*   12 12 自定义tabs的滑块.mp4 (49.30 MB), 09:57

*   13 13 固定选项的tabs标签.mp4 (54.77 MB), 11:47

*   14 14 吸顶组件.mp4 (64.28 MB), 13:10

*   15 15 导航栏组件.mp4 (45.66 MB), 10:33

*   16 16 通知栏组件.mp4 (96.41 MB), 17:40

*   17 17 轮播图组件.mp4 (61.97 MB), 11:47

*   18 18 折叠面板.mp4 (50.56 MB), 09:44

*   19 19 查看更多.mp4 (56.52 MB), 10:12

*   20 20 基本的步骤条.mp4 (85.35 MB), 16:43

*   21 21 步骤条的其他用法.mp4 (37.96 MB), 07:14

*   22 22 时间轴.mp4 (93.81 MB), 16:45

*   23 23 总结.mp4 (22.01 MB), 04:19