微信小程序----云开发

新建项目

代码构成

• .json: 配置文件（json文件中不能添加注释，本博客中代码片段的注释皆为方便大家理解而添加）；
• .wxml: 模板文件。相当于html，描述页面结构；
• .wxss: 样式文件。相当于css；
• .js: 脚本逻辑文件。写页面和用户的交互逻辑。

json配置文件

• project.config.json: 项目配置；
• app.json: 全局配置；
• page.json: 页面配置。

配置tabBar

要求：

• 两个tab页，分别为“基础”和“云开发”；
• 点击前后图标及字体不同；
• 为每个tab页设置自己的样式和显示的内容.

步骤：

1. 因为两个tab页只需要两个页面，所以将pages文件夹下的所有文件及app.json里pages数组里配置的路径全部删除，只在pages里配置我们将要用到的两个页面即可。此处将两个页面命名为base和cloud。代码如下：

/*app.json*/
"pages": [
    "pages/base/base",
    "pages/cloud/cloud"
  ],

配置完成后保存此文件，将自动在pages文件夹下生成base及cloud页面及对应的文件。

2. 配置tabBar，代码如下