This page is translated by Google Cloud Translation API

Switch to Chinese

Window style related APIs

On the web, topWindow, LeftWindow, and RightWindow will appear on the widescreen interface. For related concepts, see Widescreen Adaptation Guide

This document lists these window-related APIs.

Get the style of the corresponding window and return a css attribute value object; Set the style of the corresponding window and pass in a css attribute value object

uni.getTopWindowStyle()

Get the style of topWindow

3.1.0 New

Platform difference description

App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序
x	√	x	x	x	x	x	x	x

Code example

uni.getTopWindowStyle()

uni.getLeftWindowStyle()

Get the style of leftWindow

3.1.0 New

Platform difference description

App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序
x	√	x	x	x	x	x	x	x

Code example

uni.getLeftWindowStyle()

uni.getRightWindowStyle()

Get the style of rightWindow

3.1.0 New

Platform difference description

App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序
x	√	x	x	x	x	x	x	x

Code example

uni.getRightWindowStyle()

uni.setTopWindowStyle(OBJECT)

Set the style of topWindow

3.0.5 New

OBJECT parameter description

Parameter	Type	Instruction
OBJECT	Object	Css style object. Camel css attribute is required to write, {height: '100px', backgroundColor: 'red'}

Code example

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

uni.setLeftWindowStyle(OBJECT)

Set the style of leftWindow

3.0.5 New

Platform difference description

App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序
x	√	x	x	x	x	x	x	x

OBJECT parameter description

Parameter	Type	Instruction
OBJECT	Object	Css style object. Camel css attribute is required to write, {width: '500px', backgroundColor: 'blue'}

Code example

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

uni.setRightWindowStyle(OBJECT)

Set the style of rightWindow

3.0.5 New

Platform difference description

App	H5	微信小程序	支付宝小程序	百度小程序	抖音小程序、飞书小程序	QQ小程序	快手小程序	京东小程序
x	√	x	x	x	x	x	x	x

OBJECT parameter description

Parameter	Type	Instruction
OBJECT	Object	Css style object. Camel css attribute is required to write, {width: '500px', backgroundColor: 'blue'}

Code example

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