窗口样式相关的 API

在 H5 上，宽屏界面会出现 topWindow 、 LeftWindow 、 RightWindow ，相关概念详见宽屏适配指南

本文档列出这些 window 相关 API 。

获取对应窗口的样式，返回一个 css 属性值对象; 设置对应窗口的样式，传入一个 css 属性值对象

qin.getTopWindowStyle()

获取 topWindow 的样式

平台差异说明

H5	微信小程序	小红书小程序	抖音小程序	快手小程序
√	x	x	x	x

代码示例

qin.getTopWindowStyle();

qin.getTopWindowStyle();

qin.getLeftWindowStyle()

获取 leftWindow 的样式

平台差异说明

H5	微信小程序	小红书小程序	抖音小程序	快手小程序
√	x	x	x	x

代码示例

qin.getLeftWindowStyle();

qin.getLeftWindowStyle();

qin.getRightWindowStyle()

获取 rightWindow 的样式

平台差异说明

H5	微信小程序	小红书小程序	抖音小程序	快手小程序
√	x	x	x	x

代码示例

qin.getRightWindowStyle();

qin.getRightWindowStyle();

qin.setTopWindowStyle(OBJECT)

设置 topWindow 的样式

OBJECT 参数说明

参数	类型	说明
OBJECT	Object	css 样式对象，需写驼峰css属性 ， {height: '100px', backgroundColor: 'red'}

代码示例

qin.setTopWindowStyle({
  height: '100px', 
  backgroundColor: 'red',
});

qin.setTopWindowStyle({
  height: '100px', 
  backgroundColor: 'red',
});

qin.setLeftWindowStyle(OBJECT)

设置 leftWindow 的样式

平台差异说明

H5	微信小程序	小红书小程序	抖音小程序	快手小程序
√	x	x	x	x

OBJECT 参数说明

参数	类型	说明
OBJECT	Object	css 样式对象，需写驼峰css属性 ， {width: '500px', backgroundColor: 'blue'}

代码示例

qin.setLeftWindowStyle({
  width: '500px', 
  backgroundColor: 'blue',
});

qin.setLeftWindowStyle({
  width: '500px', 
  backgroundColor: 'blue',
});

qin.setRightWindowStyle(OBJECT)

设置 rightWindow 的样式

平台差异说明

H5	微信小程序	小红书小程序	抖音小程序	快手小程序
√	x	x	x	x

OBJECT 参数说明

参数	类型	说明
OBJECT	Object	css 样式对象，需写驼峰css属性， {width: '500px', backgroundColor: 'blue'}

代码示例

qin.setRightWindowStyle({
  width: '500px', 
  backgroundColor: 'blue',
});

qin.setRightWindowStyle({
  width: '500px', 
  backgroundColor: 'blue',
});