mp-podcast-mpvue-master播课小程序模板
播课类小程序的开发,用mpvue其实还挺顺手的。mp-podcast-mpvue-master
这个项目,就是个蛮实用的例子。框架是 Vue 语法,逻辑清晰,组件也好拆分,挺适合快速搭建一套教育音频平台。像播放控制、课程列表这些功能,它都帮你封装得差不多,拿来改一改就能用。
mpvue 的语法用过 Vue 的话基本不陌生,像v-for
、v-if
这些都能直接用。而且它把小程序的wxml
、wxss
都抽象成了.vue
文件,写起来真的是省心不少。
音频播放这块,项目用了微信的audio
组件,接口比较全,支持播放/暂停
、跳转
、倍速
等。你想自定义 UI 也挺方便的,只要监听下状态事件,自己改下样式就行。
项目结构上也算清爽:pages
放页面、components
放组件、utils
有工具函数,常用的network
模块也做好了封装。新手也能照着这个来学学项目怎么拆模块。
开发的话,建议你配合微信开发者工具,能实时预览,还有调试工具,出问题也好查。搭配npm run dev
这种命令,一套流程跑下来效率还挺高。
如果你打算做教育类的小程序,是以音频为主的,这个项目绝对可以作为起点。改个 UI、接个自己的接口,马上就能上线一个功能完整的产品。
一款播课类小程序, 基于 mpvue 构建mp-podcast-mpvue-master
预估大小:236个文件
.editorconfig
147B
mp-case.jpg
102KB
auth.js
5KB
category.js
3KB
users.js
3KB
posts.js
4KB
audioStore.js
3KB
rgb2hex.js
4KB
WxUtils.js
3KB
tips.js
4KB
4.74MB
文件大小:
评论区