美文网首页
微信小程序

微信小程序

作者: 旧游旧游 | 来源:发表于2018-02-28 09:33 被阅读0次

前期准备:

申请账号:设置---开发设置---查看AppId

安装开发工具

代码构成:

1 .json 后缀的 JSON 配置文件

2 .wxml 后缀的 WXML 模板文件

3 .wxss 后缀的 WXSS 样式文件

4 .js 后缀的 JS 脚本逻辑文件

JSON配置:

app.json 

app.json是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等

    1.pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

    2.window字段 —— 小程序所有页面的顶部背景颜色,文字颜色定义在这里的。

project.config.json

project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

page.json

这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。

如果你整个小程序的风格是蓝色调,那么你可以在 app.json 里边声明顶部颜色是蓝色即可。实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色、是否允许下拉刷新等等

相关文章

网友评论

      本文标题:微信小程序

      本文链接:https://www.haomeiwen.com/subject/ysxqxftx.html