本文发表于 196 天前,其中的信息可能已经事过境迁

获取状态栏高度

uni-app 中可以使用全局变量 --status-bar-height 来获取状态栏高度

scss
.myHead {
  padding-top: var(--status-bar-height);
}

去除默认顶栏内容

pages.json 文件中加入以下内容即可去除默认顶栏

json
{
  "globalStyle": {
    "navigationStyle": "custom"
  }
}

路由跳转

vue 不同的是 uni-app 使用 uni.navigateTo api实现路由跳转

js
uni.navigateTo({
  url: `/pages/detail/detail?id=${id}`,
});

开启页面下拉刷新

在路由配置中添加 enablePullDownRefresh 即可开启

json
{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "enablePullDownRefresh": true
      }
    }
  ]
}
评论 隐私政策