记录我的第一个简单微信小程序——分辨颜色（测眼力）

1、 下载微信开发工具，

2、 登录微信公众平台，注册账号

https://mp.weixin.qq.com/

 

 

打开微信小程序,将AppId复制过去，自己取一个项目名称。

小程序项目的结构：

小程序项目的配置文件：（不需要自己创建）

1、Project.config,json

2、入口文件（重要）：app.json

3、应用程序的启动文件;app.js  作用是 监听小程序的生命周期

4、通用样式配置文件：用于配置 通用的样式；  app.wxss.

这四个文件的格式就是小程序的四种文件格式。

  

WXSS.:用于设置小程序页面的通用格式 和CSS功能相同。

格式：

ＸＸＸ（选择器）｛指定具体的模样｝

 

小程序的所有资源文件不得超过２０Ｍ，

ＷＸＭＬ：文件等同于ｈｔｍｌ文件，用于组织页面骨架的文件。

 

小程序页面跳转，

在WXML中添加绑定事件－》ｂｉｎｄｔａｐ＝＂函数名＂

２、在ｊｓ中实现绑定的函数。

小程序事件绑定：

每一个函数相当于一个ｊｓｏｎ对象，及键值对

 

页面跳转：

Ｗｘ，ｎａｖａｇｉｔｅＴｏ（｛

ｕｒｌ：＂路由地址＂

｝）

跳转页面：wx.navigateTo();

 正题来了：

贴几张效果图：

   

第一步：

 

创建app的三个不同文件，