uniapp更改导航栏按钮距离
时间: 2023-07-18 15:03:31 浏览: 179
底部导航栏中间圆形按钮凸起效果demo
4星 · 用户满意度95%
Uniapp 中导航栏按钮距离可以通过修改页面的 `pages.json` 文件中的 `navigationBarTextStyle` 和 `navigationBarTitleText` 属性来实现。
例如,将导航栏左侧按钮离左边距离调整为30像素,可以在 `pages.json` 文件中添加如下配置:
```json
{
"pages": [
{
"path": "pages/index/index",
"navigationBarTitleText": "首页",
"navigationBarTextStyle": {
"marginLeft": "30rpx"
}
}
]
}
```
其中,`navigationBarTextStyle` 属性可以设置导航栏标题栏样式,这里我们通过设置 `marginLeft` 属性来调整左侧按钮距离左边的距离。
同理,如果要调整右侧按钮距离右边的距离,可以使用 `marginRight` 属性进行设置。
阅读全文