From 8c150eb3aa68a76922eade6e607d5844a0685284 Mon Sep 17 00:00:00 2001 From: DCloud_LXH <283700113@qq.com> Date: Tue, 26 Dec 2023 16:38:30 +0800 Subject: [PATCH] fix: hash slugify --- docs/api/README.md | 16 ++--- docs/api/location/location.md | 2 +- docs/api/plugins/login.md | 4 +- docs/api/system/wifi.md | 6 +- docs/api/ui/locale.md | 2 +- docs/collocation/App.md | 2 +- docs/collocation/manifest-app.md | 2 +- docs/collocation/manifest.md | 8 +-- docs/collocation/pages.md | 18 +++--- docs/component/README.md | 2 +- docs/component/icon.md | 2 +- docs/component/input.md | 4 +- docs/component/movable-area.md | 2 +- docs/component/movable-view.md | 2 +- docs/component/picker.md | 2 +- docs/component/swiper.md | 2 +- docs/component/textarea.md | 4 +- docs/component/vue-component.md | 2 +- docs/ecosystem.md | 2 +- docs/matter.md | 4 +- docs/plugin/README.md | 2 +- docs/quickstart-cli.md | 2 +- docs/release-archive.md | 4 +- docs/tutorial/_sidebar.md | 2 +- docs/tutorial/app-disagreemode.md | 4 +- docs/tutorial/app-geolocation.md | 2 +- docs/tutorial/app-maps.md | 2 +- docs/tutorial/app-permission-android.md | 2 +- docs/tutorial/app-sec-android.md | 2 +- docs/tutorial/app-splashscreen.md | 64 +++++++++---------- docs/tutorial/compiler.md | 2 +- docs/tutorial/debug/debug-web-via-chrome.md | 4 +- docs/tutorial/debug/uni-uts-debug-ios.md | 2 +- docs/tutorial/debug/uni-uts-debug.md | 2 +- docs/tutorial/err-spec.md | 4 +- docs/tutorial/miniprogram-subject.md | 2 +- docs/tutorial/nvue-api.md | 2 +- docs/tutorial/page-component.md | 2 +- docs/tutorial/page-static-assets.md | 2 +- docs/tutorial/page.md | 2 +- docs/tutorial/platform.md | 8 +-- docs/tutorial/project.md | 4 +- docs/tutorial/renderjs.md | 2 +- docs/tutorial/run/run-app.md | 2 +- docs/tutorial/run/uts-development-android.md | 2 +- docs/tutorial/run/uts-development-ios.md | 2 +- docs/tutorial/version.md | 2 +- docs/tutorial/vue-api.md | 2 +- docs/tutorial/vue-basics.md | 4 +- docs/tutorial/vue-composition-api.md | 2 +- docs/tutorial/vue3-api.md | 2 +- docs/tutorial/vue3-basics.md | 2 +- docs/tutorial/vue3-composition-api.md | 2 +- docs/uni-ad/ad-rewarded-video.md | 4 +- docs/uni-stat-v1.md | 2 +- docs/unipush-v1.md | 2 +- docs/unipush-v2.md | 6 +- docs/univerify.md | 2 +- docs/use.md | 2 +- docs/worktile/CLI.md | 2 +- .../auto/hbuilderx-extension/index.md | 2 +- 61 files changed, 128 insertions(+), 128 deletions(-) diff --git a/docs/api/README.md b/docs/api/README.md index 4a620d2a1..7918b073d 100644 --- a/docs/api/README.md +++ b/docs/api/README.md @@ -629,9 +629,9 @@ uni.addInterceptor({ | API | 说明 | | :------------------------------------------------------------------- | :------------------------------------------------------- | -| [uni.hideKeyboard](/api/key.html#hidekeyboard) | 隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。 | -| [uni.onKeyboardHeightChange](/api/key.html#onkeyboardheightchange) | 监听键盘高度变化 | -| [uni.offKeyboardHeightChange](/api/key.html#offkeyboardheightchange) | 取消监听键盘高度变化事件 | +| [uni.hideKeyboard](/api/key.md#hidekeyboard) | 隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。 | +| [uni.onKeyboardHeightChange](/api/key.md#onkeyboardheightchange) | 监听键盘高度变化 | +| [uni.offKeyboardHeightChange](/api/key.md#offkeyboardheightchange) | 取消监听键盘高度变化事件 | | [uni.getSelectedTextRange](/api/key?id=getselectedtextrange) | 在 input、textarea 等 focus 之后，获取输入框的光标位置 | ### 第三方服务 @@ -659,11 +659,11 @@ uni.addInterceptor({ | API | 说明 | | :---------------------------------------------- | :--------------------------------------------------------------- | -| [激励视频广告](/api/a-d/rewarded-video.html) | 激励视频广告，是 cpm 收益最高的广告形式 | -| [全屏视频广告](/api/a-d/full-screen-video.html) | 全屏视频广告 | -| [内容联盟广告](/api/a-d/content-page.html) | 内容联盟广告 | -| [插屏广告](/api/a-d/interstitial.html) | 插屏广告 | -| [互动游戏](/api/a-d/interactive.html) | 互动游戏是 DCloud 联合三方服务商为开发者提供新的广告场景增值服务 | +| [激励视频广告](/api/a-d/rewarded-video.md) | 激励视频广告，是 cpm 收益最高的广告形式 | +| [全屏视频广告](/api/a-d/full-screen-video.md) | 全屏视频广告 | +| [内容联盟广告](/api/a-d/content-page.md) | 内容联盟广告 | +| [插屏广告](/api/a-d/interstitial.md) | 插屏广告 | +| [互动游戏](/api/a-d/interactive.md) | 互动游戏是 DCloud 联合三方服务商为开发者提供新的广告场景增值服务 | ### 平台扩展 diff --git a/docs/api/location/location.md b/docs/api/location/location.md index 1e6d861ea..f0c2586d0 100644 --- a/docs/api/location/location.md +++ b/docs/api/location/location.md @@ -104,7 +104,7 @@ uni.getLocation({ **注意** - 因平台差异，如果SDK配置百度地图，需要设置 keyword，才能显示相关地点 -- [非 weex 编译模式](/collocation/manifest.html#app-plus)不支持百度地图 +- [非 weex 编译模式](/collocation/manifest.md#app-plus)不支持百度地图 **success 返回参数说明** diff --git a/docs/api/plugins/login.md b/docs/api/plugins/login.md index ef312e892..289bc0d87 100644 --- a/docs/api/plugins/login.md +++ b/docs/api/plugins/login.md @@ -75,7 +75,7 @@ uni.login({ #### 注意事项 - 百度小程序平台需要在button组件的@login事件后再调用 uni.login ，[详见](https://smartprogram.baidu.com/docs/develop/function/login/),否则会返回“请登录”的错误信息，建议在@login事件中调用。 -- uni.login 已针对百度小程序[兼容性升级](https://smartprogram.baidu.com/forum/topic/show/125547)转为 getLoginCode 调用，但某些情况下，百度小程序发布时兼容性诊断依然提示swan.login非兼容性改造，[详见](https://github.com/dcloudio/uni-app/issues/2443)，可使用 [uni.getLoginCode](#getLoginCode) 替代 uni.login 解决。 +- uni.login 已针对百度小程序[兼容性升级](https://smartprogram.baidu.com/forum/topic/show/125547)转为 getLoginCode 调用，但某些情况下，百度小程序发布时兼容性诊断依然提示swan.login非兼容性改造，[详见](https://github.com/dcloudio/uni-app/issues/2443)，可使用 [uni.getLoginCode](#getlogincode) 替代 uni.login 解决。 - 京东小程序IDE 暂时不支持此uni.login()，请用真机查看；IDE调用，只能返回模拟数据 code为200。 ### uni.getLoginCode(OBJECT)@getLoginCode @@ -135,7 +135,7 @@ uni.login({ **注意：** - 微信小程序端，在用户未授权过的情况下调用此接口，不会出现授权弹窗，会直接进入 fail 回调（详见[《微信小程序公告》](https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01)）。在用户已授权的情况下调用此接口，可成功获取用户信息。 - 京东小程序端，在用户未授权，调用该接口将直接报错。用户已经授权过，可使用该接口直接获取用户信息，不会弹二次授权框 -- 抖音小程序此接口将逐步废弃，请切换使用[uni.getUserProfile](#getUserProfile)。[详见](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/api/open-interface/user-information/tt-get-user-info) +- 抖音小程序此接口将逐步废弃，请切换使用[uni.getUserProfile](#getuserprofile)。[详见](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/api/open-interface/user-information/tt-get-user-info) **OBJECT 参数说明** diff --git a/docs/api/system/wifi.md b/docs/api/system/wifi.md index 97b65de66..08ac0637b 100644 --- a/docs/api/system/wifi.md +++ b/docs/api/system/wifi.md @@ -95,7 +95,7 @@ |属性 |类型 |说明 | |-- |--- |-- | -|wifiList |Array<[WifiInfo](#WifiInfo)> |Wi-Fi 列表数据 | +|wifiList |Array<[WifiInfo](#wifiinfo)> |Wi-Fi 列表数据 | **平台差异说明** @@ -155,7 +155,7 @@ onGetWifiList 传入的监听函数。不传此参数则移除所有监听函数 |属性 |类型 |说明 | |--- |--- |--- | -|wifi |[WifiInfo](#WifiInfo) |Wi-Fi 信息 | +|wifi |[WifiInfo](#wifiinfo) |Wi-Fi 信息 | **平台差异说明** @@ -190,7 +190,7 @@ onWifiConnected 传入的监听函数。不传此参数则移除所有监听函 |属性 |类型 |说明 | |--- |--- |--- | -|wifi |[WifiInfo](#WifiInfo) |只包含 SSID 属性的 WifiInfo 对象 | +|wifi |[WifiInfo](#wifiinfo) |只包含 SSID 属性的 WifiInfo 对象 | **平台差异说明** diff --git a/docs/api/ui/locale.md b/docs/api/ui/locale.md index b3a6cb6dc..7eff011d6 100644 --- a/docs/api/ui/locale.md +++ b/docs/api/ui/locale.md @@ -25,7 +25,7 @@ |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:| |3.2.5+|3.2.5+|3.4.14+|3.4.14+|3.4.14+|3.4.14+|3.4.14+|3.4.14+|3.4.14+|3.4.14+|3.4.14+| -仅可设置为框架内置语言与[自定义扩展的语言](/tutorial/i18n.html#uni-framework)，遵循 BCP47 规范。 +仅可设置为框架内置语言与[自定义扩展的语言](/tutorial/i18n.md#uni-framework)，遵循 BCP47 规范。 **参数说明** diff --git a/docs/collocation/App.md b/docs/collocation/App.md index 976ad3db3..a91aaa1cf 100644 --- a/docs/collocation/App.md +++ b/docs/collocation/App.md @@ -47,7 +47,7 @@ **注意** - **应用生命周期仅可在`App.vue`中监听，在其它页面监听无效**。 -- 以组合式 API 使用时，在 Vue2 和 Vue3 中存在一定区别，请分别参考：[Vue2 组合式 API 使用文档](/tutorial/vue-composition-api.html) 和 [Vue3 组合式 API 使用文档](/tutorial/vue3-composition-api.html)。 +- 以组合式 API 使用时，在 Vue2 和 Vue3 中存在一定区别，请分别参考：[Vue2 组合式 API 使用文档](/tutorial/vue-composition-api.md) 和 [Vue3 组合式 API 使用文档](/tutorial/vue3-composition-api.md)。 - 应用启动参数，可以在API `uni.getLaunchOptionsSync`获取，[详见](https://uniapp.dcloud.net.cn/api/getLaunchOptionsSync.html#getlaunchoptionssync) - onlaunch里进行页面跳转，如遇白屏报错，请参考[https://ask.dcloud.net.cn/article/35942](https://ask.dcloud.net.cn/article/35942) - `App.vue` 不能写模板 diff --git a/docs/collocation/manifest-app.md b/docs/collocation/manifest-app.md index 25fc2d1e9..dc1c6ad4d 100644 --- a/docs/collocation/manifest-app.md +++ b/docs/collocation/manifest-app.md @@ -24,7 +24,7 @@ App-Android平台云端打包相关配置 |hasTaskAffinity|Boolean|是否设置android：taskAffinity，[详见](https://uniapp.dcloud.net.cn/tutorial/app-sec-android.html#strandhogg%E6%BC%8F%E6%B4%9E)| |buildFeatures|Object|Android平台云端打包时build.gradle的buildFeatures配置项，[详见](/collocation/manifest?id=buildFeatures)| |pushRegisterMode|String|延迟初始化UniPush的配置，当配置此项值为`manual`后UniPush不会初始化，直到首次调用[getPushClientId](https://uniapp.dcloud.net.cn/api/plugins/push.html#getpushclientid)、getClientInfo、getClientInfoAsync时才会初始化，注:一旦调用获取cid的方法后，下次App启动就不再延迟初始化UniPush了。(manual为延迟，其他值表示不延迟。)| -|enableOAID|Boolean|是否支持获取OAID，默认值为true，[详见](#enableOAID)| +|enableOAID|Boolean|是否支持获取OAID，默认值为true，[详见](#enableoaid)| #### buildFeatures@buildFeatures Android平台云端打包时build.gradle的buildFeatures配置项，支持的属性参考：[Android官方文档](https://developer.android.google.cn/reference/tools/gradle-api/7.1/com/android/build/api/dsl/BuildFeatures?hl=en)，如下示例源码： diff --git a/docs/collocation/manifest.md b/docs/collocation/manifest.md index 66cddcf30..e2602e61e 100644 --- a/docs/collocation/manifest.md +++ b/docs/collocation/manifest.md @@ -25,7 +25,7 @@ |mp-toutiao|Object||[抖音小程序特有配置](/collocation/manifest?id=mp-toutiao)|1.6.0| |mp-lark|Object||[飞书小程序特有配置](/collocation/manifest?id=mp-lark)|3.2.12| |mp-qq|Object||[qq 小程序特有配置](/collocation/manifest?id=mp-qq)|2.1.0| -|mp-kuaishou|Object||[快手小程序特有配置](/collocation/manifest.html#mp-kuaishou)|3.2.2| +|mp-kuaishou|Object||[快手小程序特有配置](/collocation/manifest.md#mp-kuaishou)|3.2.2| **Tips** @@ -198,7 +198,7 @@ alwaysShowBeforeRender和autoclose属性组合设置，可配置以下三种关 当App代码使用了低版本webview不支持的语法时（比如使用了vue3），可以在manifest配置本属性，来指定最低运行的webview版本。 -当系统webview版本不符合需求时，uni-app引擎会自动弹框。同时开发者可以指定使用 x5引擎webview 来替代系统webview，以保障浏览器兼容性。详见[x5文档](/tutorial/app-android-x5.html) +当系统webview版本不符合需求时，uni-app引擎会自动弹框。同时开发者可以指定使用 x5引擎webview 来替代系统webview，以保障浏览器兼容性。详见[x5文档](/tutorial/app-android-x5.md) 当你的应用强依赖x5时，比如需要vue页面的字体和tabbar等原生界面保持一致时，也可以在manifest配置本属性。 @@ -450,7 +450,7 @@ Tips：关于摇树优化（treeShaking）原理及优化结果，参考：[http |cloudfunctionRoot|String| 配置云开发目录，参考[setting](/collocation/manifest?id=cloudfunctionRoot)| |uniStatistics|Object|[微信小程序是否开启 uni 统计，配置方法同全局配置](/collocation/manifest?id=uniStatistics)| |scopedSlotsCompiler|String|Vue2 作用域插槽编译模式，uni-app 3.1.19+ 开始支持，可选：legacy、auto、augmented，默认：auto| -|mergeVirtualHostAttributes|Boolean|合并组件[虚拟节点](/tutorial/vue-api.html#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE)外层属性（目前仅支持 style、class 属性），uni-app 3.5.1+ 开始支持| +|mergeVirtualHostAttributes|Boolean|合并组件[虚拟节点](/tutorial/vue-api.md#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE)外层属性（目前仅支持 style、class 属性），uni-app 3.5.1+ 开始支持| |slotMultipleInstance|Boolean|模拟单个作用域插槽渲染为多个实例，此配置仅限 Vue2 环境 3.7.12+，Vue3 环境已默认支持| |embeddedAppIdList|Array|要半屏跳转的小程序appid。[详见](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/openEmbeddedMiniProgram.html)| |requiredPrivateInfos|Array|地理位置相关接口。[详见](https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#requiredPrivateInfos)| @@ -517,7 +517,7 @@ Tips：关于摇树优化（treeShaking）原理及优化结果，参考：[http |enableDistFileMinify |Boolean| 是否压缩编译产物（仅在真机预览/真机调试时生效），默认为false | |uniStatistics |Object |[支付宝小程序是否开启 uni 统计，配置方法同全局配置](/collocation/manifest?id=uniStatistics)| |scopedSlotsCompiler|String|Vue2 作用域插槽编译模式，uni-app 3.1.19+ 开始支持，可选：legacy、auto、augmented，默认：auto| -|mergeVirtualHostAttributes|Boolean|合并组件[虚拟节点](/tutorial/vue-api.html#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE)外层属性（目前仅支持 style、class 属性），uni-app 3.5.1+ 开始支持| +|mergeVirtualHostAttributes|Boolean|合并组件[虚拟节点](/tutorial/vue-api.md#%E5%85%B6%E4%BB%96%E9%85%8D%E7%BD%AE)外层属性（目前仅支持 style、class 属性），uni-app 3.5.1+ 开始支持| |slotMultipleInstance|Boolean|模拟单个作用域插槽渲染为多个实例，此配置仅限 Vue2 环境 3.7.12+，Vue3 环境已默认支持| |lazyCodeLoading|String|是否开启代码按需执行。| |styleIsolation|String|组件样式隔离方式，默认值为 `apply-shared`，具体配置 [详见](https://opendocs.alipay.com/mini/framework/page-acss)。 uni-app 3.99+ 开始支持| diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md index 89b7b9eb2..75370dfdc 100644 --- a/docs/collocation/pages.md +++ b/docs/collocation/pages.md @@ -141,8 +141,8 @@ |navigationStyle|String|default|导航栏样式，仅支持 default/custom。custom即取消默认的原生导航栏，需看[使用注意](/collocation/pages?id=customnav)|微信小程序 7.0+、百度小程序、H5、App（2.0.3+）| |backgroundColor|HexColor|#ffffff|下拉显示出来的窗口的背景色|微信小程序| |backgroundTextStyle|String|dark|下拉 loading 的样式，仅支持 dark / light|微信小程序| -|enablePullDownRefresh|Boolean|false|是否开启下拉刷新，详见[页面生命周期](/tutorial/page.html#lifecycle)。|| -|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](/tutorial/page.html#lifecycle)|| +|enablePullDownRefresh|Boolean|false|是否开启下拉刷新，详见[页面生命周期](/tutorial/page.md#lifecycle)。|| +|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](/tutorial/page.md#lifecycle)|| |backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色（bounce回弹区域）|仅 iOS 平台| |backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色（bounce回弹区域）|仅 iOS 平台| |titleImage|String||导航栏图片地址（替换当前文字标题），支付宝小程序内必须使用https的图片链接地址|支付宝小程序、H5、APP| @@ -161,7 +161,7 @@ |mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序| |mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序| |mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序| -|usingComponents|Object| |引用小程序组件，参考 [小程序组件](/tutorial/miniprogram-subject.html#小程序自定义组件支持)|| +|usingComponents|Object| |引用小程序组件，参考 [小程序组件](/tutorial/miniprogram-subject.md#小程序自定义组件支持)|| |renderingMode|String| |同层渲染，webrtc(实时音视频) 无法正常时尝试配置 seperated 强制关掉同层|微信小程序| |leftWindow|Boolean|true|当存在 leftWindow 时，默认是否显示 leftWindow|H5| |topWindow|Boolean|true|当存在 topWindow 时，默认是否显示 topWindow|H5| @@ -341,8 +341,8 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 |disableScroll|Boolean|false|设置为 true 则页面整体不能上下滚动（bounce效果），只在页面配置中有效，在globalStyle中设置无效|微信小程序（iOS）、百度小程序（iOS）| |backgroundColor|HexColor|#ffffff|窗口的背景色|微信小程序、百度小程序、抖音小程序、飞书小程序、京东小程序| |backgroundTextStyle|String|dark|下拉 loading 的样式，仅支持 dark/light|| -|enablePullDownRefresh|Boolean|false|是否开启下拉刷新，详见[页面生命周期](/tutorial/page.html#lifecycle)。|| -|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](/tutorial/page.html#lifecycle)|| +|enablePullDownRefresh|Boolean|false|是否开启下拉刷新，详见[页面生命周期](/tutorial/page.md#lifecycle)。|| +|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离，单位只支持px，详见[页面生命周期](/tutorial/page.md#lifecycle)|| |backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色（bounce回弹区域）|仅 iOS 平台| |backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色（bounce回弹区域）|仅 iOS 平台| |disableSwipeBack|Boolean|false|是否禁用滑动返回|App-iOS（3.4.0+）| @@ -359,7 +359,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 |mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序| |mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序| |mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序| -|usingComponents|Object||引用小程序组件，参考 [小程序组件](/tutorial/miniprogram-subject.html#小程序自定义组件支持)|App、微信小程序、支付宝小程序、百度小程序、京东小程序| +|usingComponents|Object||引用小程序组件，参考 [小程序组件](/tutorial/miniprogram-subject.md#小程序自定义组件支持)|App、微信小程序、支付宝小程序、百度小程序、京东小程序| |leftWindow|Boolean|true|当存在 leftWindow时，当前页面是否显示 leftWindow|H5| |topWindow|Boolean|true|当存在 topWindow 时，当前页面是否显示 topWindow|H5| |rightWindow|Boolean|true|当存在 rightWindow时，当前页面是否显示 rightWindow|H5| @@ -392,7 +392,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽 ### 自定义导航栏使用注意@customnav 当navigationStyle设为custom或titleNView设为false时，原生导航栏不显示，此时要注意几个问题： -- 非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量[--status-bar-height](/tutorial/syntax-css.html#css-变量)，如果需要把状态栏的位置从前景部分让出来，可写一个占位div，高度设为css变量。 +- 非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量[--status-bar-height](/tutorial/syntax-css.md#css-变量)，如果需要把状态栏的位置从前景部分让出来，可写一个占位div，高度设为css变量。 ```html