|
|
课程通俗易懂,手把手从0搭建项目。并且高度还原真实项目,包括:云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。课程资料齐全,包括:设计图、课程代码、PPT、后端接口等,是一门uniapp、vue、小程序于一身的实战课程。! a) S' X" o4 U, G/ t* s
课程内容(含配套源码):: V s; O' h2 v+ r6 @
01 uni-app实战项目之网易云音乐-课程介绍0 s# |9 z9 G1 y9 T5 J2 X3 y: J
02 项目准备工作及资源地址
( z4 k: X* j, f 03 初始化项目和字体图标引入9 j) q2 a# F6 }& r
04 头部组件结构与布局
$ L' l: u+ o/ H 05 创建滚动区域与首页搜索布局# ~4 u. X0 X- O2 q, S
06 首页音乐分类布局及样式
1 b% ]: g* y. s# p 07 首页音乐分类数据渲染
. k: c$ f) x" O, r, \9 A 08 创建列表页及毛玻璃背景实现
# j: i) `. @! B t+ @1 u) Y3 ^8 h 09 列表页头部布局及样式
9 {4 T: m }8 A+ f& D7 O 10 列表页分享与歌单布局
, P. x$ W" j. R" E; [2 h3 k D, r 11 列表页歌单样式添加5 E }& u G; R- l/ G, J
12 列表页头部数据渲染- i" Z# ~ n& @5 b
13 列表页歌单数据渲染2 }7 s$ N1 G8 X
14 列表页完善功能及优化
1 n' ?, G* O$ y 15 创建详情页及初始配置: `9 i3 Y* L- Q. Z- P* l
16 详情页播放封面布局及样式: g$ J) ^( O4 B, ~5 I, Q) y1 b. W
17 详情页歌词布局及样式
5 z: M1 T5 _* e' H1 ` 18 详情页相似歌曲布局及样式
: f) P( U0 q9 N \! K* z 19 详情页精彩评论布局及样式6 g+ P2 e- z6 b: i5 T
20 详情页音乐信息数据渲染
2 l# y& \& q2 H 21 详情页相似歌曲数据渲染: A6 T; Z- W) v9 E9 P
22 详情页精彩评论数据渲染
* t- K2 q# J1 w5 X7 p5 f 23 详情页歌词数据渲染
' V1 b* V2 s; N( W/ u" v 24 详情页小程序端播放控制
$ m+ y$ Z; p4 K) h 25 详情页歌词滚动实现
1 i- N% u! ?. z% ^0 q8 a( d 26 详情页H5端播放控制
5 ^( W1 k/ l% L% E- i, c 27 状态管理切换到下一首歌0 H) Y: Q x6 K! q
28 创建搜索页及初始配置
5 G n# G3 G: \0 n0 L& F/ B- S% U 29 搜索页历史记录布局及样式/ G H" q% U1 V, x$ S; y
30 搜索页热搜榜布局及样式5 c! y0 W& z% W3 Z
31 搜索页热搜榜数据渲染/ Q. u) J1 A4 m
32 搜索页历史记录功能实现
# x! h3 h* A% F" |% O# r4 I 33 搜索页搜索结果布局及样式2 t$ T6 }3 U0 r0 b; d$ X5 i
34 搜索页搜索结果功能实现) V V& w5 n3 }, ?! D, A
35 搜索页下拉提示功能实现5 V7 a8 b; g/ w9 K: e( s9 `" n% {( m& f. C
36 首页添加骨架屏和项目总结2 ~& ^ Z7 S# [- k( Y5 f. @
+ F) h4 t) h% R5 h' U% R4 U
|
|