微信小程序 页面配置

参考： 微信官方文档

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

未完待续...

webp 是 image 组件的一个 boolean 属性，开启这个属性后，代表 url 可以设置 webp 这种格式的图片。image 默认不解析 webP 格式，只支持网络资源

有科技博客曾经报道，YouTube 上的视频缩略图采用 webp 格式后，网页加载速度提高 1/10。Google 的 Chrome 网上应用商店，应用这种格式后每天节省几 TB 带宽。

在线转化网址： 智图https://zhitu.isux.us/

转化后的图片直接使用 Google 浏览器就能打开。

小程序 image 组件常见问题

---