喜马拉雅lite 微信小程序 https://github.com/iDestin/Himalayan-lite.git

Notobey 59bf380de8 update: update some var name 4 years ago
api 3a9cc47409 update: add request.js and update utils.js 4 years ago
component 0cc889c034 fix:css var name 4 years ago
image cdfe999337 fix: css var name 4 years ago
pages 59bf380de8 update: update some var name 4 years ago
style 0cc889c034 fix:css var name 4 years ago
utils 59bf380de8 update: update some var name 4 years ago
LICENSE 84226db64f Create LICENSE 4 years ago
README.md 6aac5beb2c Update README.md 4 years ago
app.js 3a9cc47409 update: add request.js and update utils.js 4 years ago
app.json 7651f09c21 Fix: tabbar select icon name 4 years ago
app.wxss df164acc2e delete colorui icon 4 years ago
project.config.json 3a9cc47409 update: add request.js and update utils.js 4 years ago
sitemap.json c795822fcb 喜马拉雅lite 5 years ago

README.md

Himalayan-lite

这是一个模仿喜马拉雅lite的微信小程序demo,完全使用微信小程序原生开发,没有使用自定义组件(使用了一个自己实现的搜索组件)。所以这是一个初级项目,非常的适合🤹‍♀️微信小程序开发新手🤹‍♀️,如果你有 html css js 前端基础那么你将很快上手,代码完全免费开源,看得上可以自取哦!(当然如果您能愉快的给一个Start就更好了❤😋)

效果预览

  



完成度

在实际的喜马拉雅lite小程序中存着很多的功能,比如播放,签到,以及页面之间的跳转都很多。因为这个项目的定位是一个0基础的学习项目所以并没有完全达到和实际小程序一样的功能体验,有些界面可能只是一个静态界面。目前该项目还在继续完善中,谢谢所有给了start的小伙伴的支持。

运行

  • clone 代码带本地在微信开发者工具中导入项目即可
  • 下载本项目的zip包,解压之后在微信开发者工具中导入即可

注意

  • 项目中使用的api数据在开发者工具上可以正常显示,但是在真机上无法显示,问题应该是API的问题(若需要请换api)

TODO

  • 修复与喜马拉雅Lite的颜色差距(目前基本差不多了......)
  • 修复分类页的侧边栏选择项的滑动计算逻辑
  • 实现详情页的背景色虚化
  • 实现搜索页
  • 实现节目详情页面的一些小功能
  • 实现榜单页面的下拉选项点击选择功能
  • 页面传参
  • 移除其他的icon资源
  • 实现播放界面 🐛🐛🐛
  • 不断完善..go

当然还有很多的bug......未完待续

建议&联系

欢迎您的建议或者是提出Bug