微信小程序 页面配置

参考： 微信官方文档

页面配置写在每个页面的.json文件里，全局配置写在app.json文件里。若二者发生冲突，以页面配置的属性为准。

其中页面里的index.json如下：

这个属性的隐派哗灶行值为十六进制的颜色类型，默认为#000000。

#后跟六个十六进制字符（从0到9和abcdef）。

上面的#000000可以简写为#000，#ff0000可以简写为#f00

注意到不仅导航栏标题的颜色改变了，连上方的时间和电量的颜色也改变了。

仅支持以下值：

default 默认样式

custom 自定义导航栏，只保留右上角胶囊按钮。

即省略了导航栏标题，页面占据导航栏的位置，之前设置的导航栏背景颜色也失效了。

默认值为#ffffff（白色）

指的是下拉刷新时拉下来部分的背景颜色，需要先打开下拉刷新"enablePullDownRefresh":true，再下拉才能看见。

默认为dark

对比一下，发现改变的是刷新时三个点的颜色，选dark时可以看到三个点轮流改变黑白的刷新动画，而选择light时动画就不明显了。

默认为 "enablePullDownRefresh":false

false改为true后可以像上面那样进行下拉刷新了

注意这里的值为boolean类型，不是字符串，不要羡凯加引号。

支持 auto / portrait / landscape[自动(旋转屏幕)/垂直(默认)/水平]

未完待续...

官网： https://mp.weixin.qq.com

微信小程序的优势：

一是微信有海量用户，而且粘性很高，在微信里开发产品更容易触达用户；

二是推广app 或公众号的成本太高。

三是开发适配成本低。

四是容易小规模试错，然后快速迭代。

五是跨平台。

登陆成功：

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。 普通快速启动项目 里边的 app.json 配置.

字段的含义

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

开发者可以独立定义每个页面的一些属性，如顶部颜色、是否允许下拉刷新等等。

页搜返面的配置只能设置 app.json 中部分 window 配置项的内容乎谨，页面中配置项会覆盖 app.json 的 window 中相同的配置项。

WXML（WeiXin Markup Language）是框世顷饥架设计的一套标签语言，结合 基础组件 、 事件系统 ，可以构建出页面的结构。

.wxml文件下

.js文件Page模块下

不要直接写 checked="false"，其计算结果是一个字符串

ps:花括号和引号之间如果有空格，将最终被解析成为字符串.

项的变量名默认为 itemwx:for-item 可以指定数组当前元素的变量名

下标变量名默认为 index wx:for-index 可以指定数组当前下标的变量名

渲染一个包含多节点的结构块 block最终不会变成真正的dom元素

配合 wx:for 使用，用于提高效率。建议写上。

类似 wx:if

频繁切换 用 hidden

不常使用 用 wx:if

小程序的开发时，在接口对接开始时，需要在微信公众平台镇乱配置接口域名否则无法访问接口。

一、打开微信公众平台官网，登录微信小程序账号，然后进入微信小程序管理主界面

二、在微信小程序主界面左侧的菜单栏选择 开发 一栏

三、在 开发 栏目中选中 开发设置 ，拖动到 服务器域名

四、进行域名的配置

中间需要一次身份验证

五做迹、输入域名，选择提交保存

tips:新增修改域名之后，重启微信开发纯旅并者工具域名就会生效了。

---