简体中文
getCurrentPages()
函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,数组中的元素为页面实例,第一个元素为首页,最后一个元素为当前页面。
类型 | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Array<Page> | |||||||||||||||
|
获取当前页面样式
包含 pages.json 页面下的 style 节点属性和根节点 globalStyle 属性
类型 |
---|
UTSJSONObject |
Android | iOS | web |
---|---|---|
4.13 | 4.13 | 4.13 |
设置当前页面样式
支持 pages.json 页面下的 style 节点属性和根节点 globalStyle 属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
style | UTSJSONObject | 是 | - | 如果属性名存在,且类型为UTSJSONObject返回对应的结果,不存在返回null |
Android | iOS | web |
---|---|---|
4.13 | 4.13 | 4.13 |
PageStyle
支持 pages.json 下 globalStyle
节点属性和页面下 style
节点属性
当前版本仅支持的属性,后续实现其他属性
|属性 |类型 |Android|iOS|web|默认值 |描述 | |:-: |:-: |:-: |:-: |:-: |:-: |:-😐 |enablePullDownRefresh |Boolean|4.13|4.13|4.13| |是否开启下拉刷新,详见页面生命周期。 | |backgroundColorContent |string |4.15|4.15|x | |页面容器背景色 |
注意事项
enablePullDownRefresh
为 false
时,无法通过 $setPageStyle
方法动态开启页面下拉刷新 (app-ios平台在 HBuilderX-4.15
版本已修复该问题)enablePullDownRefresh
,那么此属性也无法动态切换Template
Script
<template>
<page-head title="getCurrentPages"></page-head>
<view class="uni-padding-wrap">
<button @click="_getCurrentPages">getCurrentPages</button>
<view v-if="pages.length" style="padding: 15px 0px">
<text>当前页面栈中 {{ pages.length }} 个页面,列表如下:</text>
<template v-for="(page, index) in pages" :key="page.route">
<text style="margin-top: 5px">index: {{ index }}, route: {{ page.route }}</text>
</template>
</view>
<button class="btn btn-get-page-style" type="default" @click="getPageStyle">getPageStyle</button>
<button class="btn btn-set-page-style-1" type="default" @click="setPageStyle(true)">setPageStyle(true)</button>
<button class="btn btn-set-page-style-0" type="default" @click="setPageStyle(false)">setPageStyle(false)</button>
<text class="page-style">当前 PageStyle</text>
<text class="page-style-value">{{pageStyleText}}</text>
<text class="status">状态:</text>
<view class="status-list">
<text>enablePullDownRefresh: {{enablePullDownRefreshStatus}}</text>
</view>
<text class="tips">当前版本仅支持设置属性 enablePullDownRefresh</text>
</view>
</template>
<style>
.btn {
margin-top: 10px;
}
.page-style {
margin-top: 15px;
}
.page-style-value {
margin-top: 5px;
padding: 5px;
background-color: #fff;
width: 100%;
/* #ifdef WEB */
overflow-wrap: break-word;
/* #endif */
}
.status {
margin-top: 20px;
}
.status-list {
margin-top: 5px;
}
.tips {
font-size: 12px;
margin-top: 15px;
opacity: .8;
}
</style>
名称 | 类型 | 必备 | 默认值 | 描述 |
---|---|---|---|---|
errMsg | string | 是 | - | 错误信息 |