微信开发百思不得姐实战教程

微信开发百思不得姐实战教程
这篇文章主要介绍了微信小程序 实战小程序实例的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序 实战小程序实例的相关资料,需要的朋友可以参考下

微信小程序基本组件和API已撸完，总归要回到正题的，花了大半天时间做了个精简版的百思不得姐，包括段子，图片，音频，视频，四个模块。这篇就带着大家简述下这个小的APP，源码会放到GitHub上欢迎start。

项目中我能学到什么？

tabbar使用方式

网络调用真实接口

loading使用

scroll-view实现下拉刷新上拉加载

image组件对图片的处理，

音乐和视频组件的使用

跳转传值使用

等等等。。。。

app.json全局配置文件

{ "pages":[ "pages/word/word", "pages/image/image", "pages/voice/voice", "pages/video/video", "pages/detail/detail" ], "tabBar": { "color": "#a9b7b7", "selectedColor": "#eb4f38", "borderStyle": "white", "backgroundColor": "#ffffff", "list": [ { "pagePath": "pages/word/word", "text": "段子", "iconPath": "image/wordN.png", "selectedIconPath": "image/wordS.png" }, { "pagePath": "pages/image/image", "text": "图片", "iconPath": "image/imageN.png", "selectedIconPath": "image/imageS.png" }, { "pagePath": "pages/voice/voice", "text": "声音", "iconPath": "image/voiceN.png", "selectedIconPath": "image/voiceS.png" }, { "pagePath": "pages/video/video", "text": "视频", "iconPath": "image/videoN.png", "selectedIconPath": "image/videoS.png" } ] }, "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#eb4f38", "navigationBarTextStyle":"white" }}