codecamp

支付宝小程序框架 页面·配置

在 /pages 目录中的 .json 文件用于配置当前页面的窗口表现。页面配置比 app.json 全局配置简单得多,只能设置 window 相关配置项,但无需写 window 这个键。页面配置项会优先于全局配置项。

window 配置项同 全局配置项,同时支持以下几点:

  • 支持 optionMenu 配置导航图标,点击后触发 onOptionMenuClick。注意:optionMenu 配置将被废弃,建议使用 my.setOptionMenu 设置导航栏图标。
  • 支持 titlePenetrate ,设置导航栏点击穿透。
  • 支持 barButtonTheme,设置导航栏图标主题。

完整配置项如下:

属性名 类型 必填 描述 最低版本
optionMenu Object 设置导航栏额外图标,目前支持设置属性 icon,值为图标 url(以 https/http 开头)或 base64 字符串,大小建议 30*30 px 基础库 1.3.0
titlePenetrate String 设置导航栏点击穿透,取值("YES","NO") 支付宝客户端 10.1.52
barButtonTheme String 设置导航栏图标主题,仅支持真机预览。“default”为蓝色图标,“light”为白色图标, 支付宝客户端 10.1.52

以下为一个基本示例:

{
  "optionMenu": {
    "icon": "https://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png"
  },
  "titlePenetrate": "YES",
  "barButtonTheme": "light"
}
支付宝小程序框架 页面·介绍
支付宝小程序框架 页面·结构
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }