一.注册小程序账号

微信公众平台
mp.weixin.qq.com

二.下载微信 web 开发工具

1.点击文档

image.png

2.点击开发，选择小程序开发

image.png
3.进入微信开发工具就可以下载开发工具了
image.png

三.项目上线流程

image.png

四.微信小程序代码分析

image.png image.png image.png

五.框架

.配置

1.全局配置

• Window （用于设置小程序的状态栏、导航条、标题、窗口背景色。）

  
  image.png

image.png

• tabBar
  如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

image.png image.png

其中 list 接受一个数组，只能配置最少2个、最多5个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下：

image.png

示例：

 "tabBar":{
   "position":"bottom",
   "list":[
   {
    "pagePath": "pages/index/index",
    "text": "首页",
    "iconPath":"image/2.png",
    "selectedIconPath":"image/22.png"
    },
   {
    "pagePath": "pages/logs/logs",
    "text": "日志",
    "iconPath": "image/11.png",
    "selectedIconPath": "image/1.png"
   }
  ]
  }

2.页面配置

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。

页面的配置只能设置 app.json 中部分 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项。
注意：页面配置的优先级大于全局配置

image.png