<h1 align="center">Himalayan-lite</h1>
<p align="center"><img src="https://img.shields.io/badge/version-1.0-red.svg"></p>

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

### 效果预览

<p align="center">
 <img src="https://cdn.nlark.com/yuque/0/2019/jpeg/282518/1577790030151-assets/web-upload/856d0239-48c1-4dfb-9ab5-dac2e4aaacc6.jpeg?x-oss-process=image/resize,w_275"/>
 &nbsp;&nbsp;
<img src="https://cdn.nlark.com/yuque/0/2019/jpeg/282518/1577790019194-assets/web-upload/85607b1d-8028-4984-a70f-1b48250345e6.jpeg?x-oss-process=image/resize,w_275"/>
</p>

<br/><br/>

> 在此项目中部分icon资源和ui使用了小程序库 [colorUI](https://github.com/weilanwl/ColorUI)

### 完成度

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

### 注意

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

### TODO
  - [ ] 修复与喜马拉雅Lite的颜色差距
  - [ ] 修复分类页的侧边栏选择项的滑动计算逻辑
  - [ ] 实现详情页的背景色根据图片的颜色改变而改变
  - [x] 实现搜索页
  - [ ] 实现节目详情页面的一些小功能
  - [x] 实现榜单页面的下拉选项点击选择功能
  - [x] 页面传参
  
> 当然还有很多的bug......未完待续

###  建议and联系

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

  * 邮箱🤐：JCITXH@163.com
  * 提[issue](https://github.com/Notobey/Himalayan-lite/issues)
  * [我的博客](http://www.zhiq.online)