微信小程序 页面配置

参考： 微信官方文档

页面配置写在每个页面的.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[自动(旋转屏幕)/垂直(默认)/水平]

未完待续...

比较懒，还是上一篇的图：

如上一篇所属，“我的”页面菜单列表主要是用到了wx: for和navigator

利用navigator可以很方便的实现菜单功能，它带有的url和class、hover-class可以很轻松的设置点击效果及点击跳转地址：

在js中甚至不需要做什么事情，我这里把菜单的数据放在了js中，通过修改data中的menuitems即可达到配置的作用，甚至如果有需求，还可以放在服务端做成可随意变化的：

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（二）：可配置功能菜单列表

效果展示

通过事件中心的创建事件，同时配置触发器d出对话框及跳转界面，实现报名成功后跳转到预约活动页面。

PS:该功能依赖于Tips:

1. 如何配置查询预约活动:

https://resource-official.towify.com/de342be0-6555-11ed-94f9-6d64230908c9

2. 如何配置活动列表展示页:

https://resource-official.towify.com/ed4dfc50-6555-11ed-99b7-5bdod55a2404

3.如何配置活动列表跳转到活动展示页:

https://resource-official.towify.com/c40a2c60-6555-11ed-94f9-6d64230908c9

创建事件

注意：事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接

点击事件中心。

创建报名活动事件。

添加一个成功的响应接口。

触发器配置

注意：在检查器面板中的触发器设置面板创触发器，可以对组件进行交互逻辑设置，或配合事件来

进行动态数据 *** 作。

选中按钮组件。

创建跳转界面触发器。

创建报名成功提示触发器。

创建预约活动触发器。

---