|
课程通俗易懂,手把手从0搭建项目。并且高度还原真实项目,包括:云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。课程资料齐全,包括:设计图、课程代码、PPT、后端接口等,是一门uniapp、vue、小程序于一身的实战课程。6 ^; x3 i& |% Z( _4 Q/ @/ N- R
课程内容(含配套源码):# T! H) o8 E- b4 y& r
01 uni-app实战项目之网易云音乐-课程介绍7 f5 L6 {4 ]* ^9 {6 \
02 项目准备工作及资源地址3 N; d0 p5 N+ R) q) P. s
03 初始化项目和字体图标引入
8 M6 d7 Z) C0 K$ J. Q 04 头部组件结构与布局$ {1 A- P, o: h9 G9 k# J
05 创建滚动区域与首页搜索布局
2 [ k) H$ F( V! i- j# [3 v; D 06 首页音乐分类布局及样式* Z6 r; R% I8 \7 n/ y* x" C
07 首页音乐分类数据渲染7 R5 \0 ^8 S( n% B4 @
08 创建列表页及毛玻璃背景实现
8 d1 O9 J. P2 T& E+ E4 h0 `) D# S 09 列表页头部布局及样式8 Z( K9 ~1 P" |2 x. ?$ _
10 列表页分享与歌单布局
9 H1 P) P5 R5 }7 n; B 11 列表页歌单样式添加
: H# D1 b/ g/ E2 q: \& [ 12 列表页头部数据渲染
' ]0 |. `. v4 f; P) {8 S! a 13 列表页歌单数据渲染
. Z* F- j' w' S* w6 T, D6 [& A 14 列表页完善功能及优化
! U0 Q' m# n* a 15 创建详情页及初始配置
8 W f4 G3 z% K- _6 b+ G 16 详情页播放封面布局及样式+ r( i4 s$ F9 n6 c
17 详情页歌词布局及样式
1 q% K" f/ u+ w( G) H* d1 m0 |# f 18 详情页相似歌曲布局及样式
6 S( [( t, ~: A [4 \8 s 19 详情页精彩评论布局及样式
4 X# B! d9 g& q4 Q+ ` 20 详情页音乐信息数据渲染
. q( L$ I2 E3 C 21 详情页相似歌曲数据渲染2 I& E D- ?* ^; w
22 详情页精彩评论数据渲染
1 d' _* z! x; Y# {% b8 Z: X 23 详情页歌词数据渲染! x" @8 l. G1 Q
24 详情页小程序端播放控制* H( H' _$ p: }; R; v/ S4 v3 i" T
25 详情页歌词滚动实现
# R& x6 p. o/ R" k1 b/ h$ n4 P U 26 详情页H5端播放控制
1 q) a& _2 k2 C% f' G* ~* a1 q 27 状态管理切换到下一首歌
5 W% U% ~) N( L/ k0 v5 x 28 创建搜索页及初始配置
( V# i: ?8 C& T2 h' X 29 搜索页历史记录布局及样式1 |2 P6 R9 q, Z: ~9 s4 L7 x( @. V
30 搜索页热搜榜布局及样式2 ~. s0 [# y) M3 R# v+ B8 l: S# J! y
31 搜索页热搜榜数据渲染
. B% D6 y" w2 Q4 O3 r8 X3 M 32 搜索页历史记录功能实现9 L% a. j: @* v9 |4 i; I L
33 搜索页搜索结果布局及样式) l5 x$ s! c2 M) s( F
34 搜索页搜索结果功能实现, f' {' ]: G% @; }* }
35 搜索页下拉提示功能实现* ^0 E( `. `" O" Y: A$ ?/ C
36 首页添加骨架屏和项目总结8 }+ ~9 f' e# `3 o4 M, E1 w
3 B1 Y8 i$ j: W% `4 @; b. r, J
|
|