|
课程通俗易懂,手把手从0搭建项目。并且高度还原真实项目,包括:云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。课程资料齐全,包括:设计图、课程代码、PPT、后端接口等,是一门uniapp、vue、小程序于一身的实战课程。8 s, ?& e. @+ r' ]7 B' b
课程内容(含配套源码):
! w/ s5 S/ [( V 01 uni-app实战项目之网易云音乐-课程介绍
" S7 f6 `$ H3 X1 ] j 02 项目准备工作及资源地址5 q! w2 B7 j8 f: r& V
03 初始化项目和字体图标引入! p& \& @+ V$ K: [3 R
04 头部组件结构与布局
3 w; L* P8 w% d0 B! C) G 05 创建滚动区域与首页搜索布局
3 a: W! n9 @; Y5 l* K5 m. P 06 首页音乐分类布局及样式) }( G/ n; q1 N; |0 e, e: Z' K
07 首页音乐分类数据渲染
. ?! @ a! z0 l! T" { 08 创建列表页及毛玻璃背景实现
% _0 Q7 _) c* C5 G 09 列表页头部布局及样式
" U+ m: ?* G6 b; p* o+ O* H0 @2 s 10 列表页分享与歌单布局, e% S% a9 b. h2 p
11 列表页歌单样式添加 n7 f* T: I8 S- N5 ]' Q
12 列表页头部数据渲染
$ n# g/ I. T$ |" C/ Z; k 13 列表页歌单数据渲染
* f& f6 s; }3 i; M: G0 I 14 列表页完善功能及优化
1 e- b1 |& ^ k5 i2 K 15 创建详情页及初始配置
5 k! A) ?! {" _. i" z6 e) Q4 ? 16 详情页播放封面布局及样式
, T( v$ G% p0 h) S 17 详情页歌词布局及样式" }9 ]6 H: x6 b; e+ V6 I7 P/ P
18 详情页相似歌曲布局及样式
- G5 X; M6 O! w7 R: I1 W: i 19 详情页精彩评论布局及样式
! H2 t* x5 h' ~# k! {8 b' ~) P 20 详情页音乐信息数据渲染+ n2 I! X2 C0 F+ U2 h( `3 X! X
21 详情页相似歌曲数据渲染
2 s# ]% X, q: y, G) s* s 22 详情页精彩评论数据渲染9 ~% G4 Q6 r) e& ?" g# f
23 详情页歌词数据渲染
* y# }; I: B) f: _/ r 24 详情页小程序端播放控制2 N/ O9 S/ G" C. a7 ~" U$ C( E
25 详情页歌词滚动实现& D7 j) C" W: z9 g
26 详情页H5端播放控制
5 K2 J3 ]/ U; S9 ` ^5 y 27 状态管理切换到下一首歌8 c. B6 G1 x- q* u# q
28 创建搜索页及初始配置
0 K) _. k) P0 @ I/ p9 r9 t 29 搜索页历史记录布局及样式
' Q$ l! i: c* V 30 搜索页热搜榜布局及样式/ ~% g7 _% M% n+ Z9 ~1 Z
31 搜索页热搜榜数据渲染
9 d7 w1 `+ H" x0 `# T- n 32 搜索页历史记录功能实现. O L- l) o: ]: F2 f
33 搜索页搜索结果布局及样式; u$ d k0 a7 a2 D6 X
34 搜索页搜索结果功能实现. s, Z# |8 b+ W8 R) a
35 搜索页下拉提示功能实现
9 _+ r$ ?. s2 r/ f* t 36 首页添加骨架屏和项目总结
1 F* d$ `% S, [2 }/ s3 f9 o- W
& M( t# @$ M% x7 @5 X. v, q' ~
|
|