Page properties node
# page-meta
| Properties | Type | The default value is | Required | Description | Minimum version |
|---|---|---|---|---|---|
| background-text-style | string | No | Drop-down background fonts, loading chart styles, only support dark and light | ||
| background-color | string | No | The background color of the window, which must be a hexadecimal color value of | 2.5.1 | |
| background-color-top | string | No | The background color of the top window, which must be a hexadecimal color value, only iOS supports | 2.5.1 | |
| background-color-bottom | string | No | The background color of the bottom window, which must be a hexadecimal color value, is supported only by iOS | 2.5.1 | |
| root-background-color | string | No | The background color of the page content, used for white space in the page and temporary idle area | during the page size change resize animation | |
| scroll-top | string | "" | No | Scroll position, which can be used in px or rpx, when set, the page scrolls to the corresponding position | |
| scroll-duration | number | 300 | No | Scroll animation duration | |
| page-style | string | "" | No | Page root node style, the page root node is the ancestor node of all page nodes, equivalent to the body node in HTML | 2.5.1 |
| page-font-size | string | "" | No | The font size of the page page, which can be set to system, indicates that the app font size is set by the current user | 2.11.4 |
| root-font-size | string | "" | No | The root font size of the page, all rem units in the page, will use this font size as a reference value, that is, 1rem is equal to this font size; As of Applet version 2.11.0, it can also be set to system | 2.5.1 |
| page-orientation | string | "" | No | The orientation of the page, which can be auto portrait or landscape | |
| bindresize | eventhandle | No | The resize event is triggered when the page size changes, event.detail = { size: { windowWidth, windowHeight } } } | 2.11.4 | |
| bindscroll | eventhandle | No | The scroll event is triggered when the page scrolls, event.detail = { scrollTop } | 2.5.1 | |
| bindscrolldone | eventhandle | No | If you scroll a page by changing the scroll-top property, the scrolldone event | fires after the page scrolling ends 2.11.4 |
Last update: 2022/08/11, 20:42:12