Uniapp 页面开发实战教程:导航栏配置、下拉刷新与上拉加载

一、导航栏配置

pages.json中配置全局/页面级导航栏:

{
  "globalStyle": {
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "首页",
    "navigationBarBackgroundColor": "#007AFF"
  },
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页",
        "enablePullDownRefresh": true
      }
    }
  ]
}

核心参数说明

  • navigationBarTitleText:标题文字
  • navigationBarBackgroundColor:背景色(十六进制值)
  • navigationBarTextStyle:标题颜色(仅支持black/white
  • disableScroll:是否禁止页面滚动(默认为false
二、下拉刷新实现

步骤1:开启配置

// pages.json
{
  "pages": [
    {
      "path": "pages/list/list",
      "style": {
        "enablePullDownRefresh": true
      }
    }
  ]
}
</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值