tencent cloud

All product documents
Tencent Cloud Super App as a Service
DocumentationTencent Cloud Super App as a ServiceGuildlines for Mini Program DevelopmentFrameworkMini Program ConfigurationPage Configuration
Page Configuration
Download PDF
Last updated: 2024-11-21 18:34:18
Page Configuration
Last updated: 2024-11-21 18:34:18
Download PDF
Some of the configurations in app.json can also be configured for individual pages. You can configure the performance of the page in the corresponding .json file.
The configurations in the page will override the same configurations in app.json on the current page (style-related configurations are part of the window attribute in app.json, but you don't need to specify the window field here), and you can refer to the global configuration for the values and meanings of the configurations.
The content of the file is a JSON object with the following properties:

Configuration item

attribute
type
default
describe
navigationBarBackgroundColor
HexColor
#000000
Navigation bar background color, such as #000000
navigationBarTextStyle
string
white
Navigation bar header color, support only black / white
navigationBarTitleText
string

Navigation Title Text Content
navigationStyle
string
default
Navigation bar style supports only the following values default Default Style custom Customize the navigation bar, leaving only the capsule on in the upper right corner. See note 1。
backgroundColor
HexColor
#ffffff
The background color of the window
backgroundTextStyle
string
dark
Pull down loading Style, only supports dark / light
backgroundColorTop
string
#ffffff
The background color of the top window, only iOS Support
backgroundColorBottom
string
#ffffff
The background color of the bottom window, only iOS Support
enablePullDownRefresh
boolean
false
Whether to enable the current page drop-down refresh. See for details Page.onPullDownRefresh
onReachBottomDistance
number
50
The distance, in px, from the bottom of the page when the pull-down event is triggered. See for details Page.onReachBottom
pageOrientation
string
portrait
Screen rotation settings, support car / portrait / landscape See for details Response to display area changes
disableScroll
boolean
false
Set to true The page cannot scroll up and down as a whole. Valid only in page configuration, not in app.json Set in
usingComponents
Object
no
page Custom Components configuration
Note：
Not all configurations in app.json can be overridden or specified separately on the page, limited to the options included in this document.

Configuration example

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "WeChat interface function demonstration,"
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 available.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon