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

发布日期： 2017-05-12 阅读量： 作者： 网络

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

微信小程序基本组件和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"
 }
}

# 微信小程序 # 实战 # 百思不得姐

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯31701 】【 SEO推广17678 】

上一篇: 织梦留言板怎么调用模板头部及底部

下一篇: phpcms如何配置数据库文件

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

随便看看