问题描述

提示：这里描述项目中遇到的问题：
项目中遇到这样一个问题，用微信开发者工具打开的微信小程序标题是居中的，但是真机调试后标题默确是居左。后来查询了资料才知道这是uni默认安卓标题居左，苹果设备居中排（这…是对安卓用户特别的爱吗？？？）

解决方案：

关键词：这自定义标题、uView、

1.既然是要自定义导航栏，那么首先就要取消系统自带的导航栏，需要在uni-app的根目录的"pages.json"中设置

"pages": [
{"path": "pages/tabbar/my/myTest","style": {"navigationBarTitleText": "我的测试","navigationBarTextStyle": "white", // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一"navigationStyle": "custom" // 隐藏系统导航栏}},
]

2.在你的页面中试用uView自带的Navbar 自定义导航栏

<template><view><u-navbaris-back="true":border-bottom="false" //是否显示导航栏左边返回图标和辅助文字title-color="white":background="navbar_bg"title="我的测试"></u-navbar></view>
</template>
<script>
data: () => ({navbar_bg: {'background-color': 'transparent'}}),
</script>

3.这样标题就就可以去除uni的影响，在安卓和苹果上都可以居中了，如果对标题部分还有其它的要求可以在看下nView的官方文档

uni-app小程序如何自定义标题内容（如何解决小程序标题不居中）相关推荐

uni.app流量主激励视频调用(示例为抖音小程序)
为了保证不重复调用广告组件,我们在全局app.vue文件引入,赋值到公共实例上 app.vue文件 <script>import * as config from '@/utils/con ...
微信小程序图片文字敏感内容验证获取小程序accessToken
直接上代码:代码中有解释. 一下是验证文字的静态方法直接调用就行. //文字安全检测 (accessToken是微信小程序的APPID和scret获取的)public static Boolean m ...
python程序员的工作内容_每个Python程序员都要知道的日志实践
许多应用程序中都会有日志模块,用于记录系统在运行过程中的一些关键信息,以便于对系统的运行状况进行跟踪.在.NET平台中,有非常著名的第三方开源日志组件log4net,c++中,有人们熟悉的log4cp ...
让小程序在自有App中启动的技术来了：mPaaS小程序架构深度解析
简介:mPaaS 小程序框架作为一款 App 通用框架,帮助开发者面向自身的 App 实现小程序投放.不止如此,小程序代码仅需撰写一次,便可多端投放至自有 App.支付宝.钉钉甚至其他小程序开放平台. ...
crmeb 小程序包大小超过2M的解决方法
微信限制了小程序的代码包不能超过2MB,这主要是出于对小程序启动速度的考虑.但是,2MB 的大小也限制了小程序功能的扩展,如果大小超出了2MB该如何解决呢? 优化代码,删除掉不用的代码图片压缩或者上 ...
计算机无法启动应用程序怎么办,应用程序无法正常启动,小编教你电脑应用程序无法正常启动0xc000007b怎么解决...
应用程序无法正常启动0xc000007b此提示是很多玩家在启动游戏时经常会遇到的一个问题,出现此问题的原因很简单,就是系统没有,导致游戏兼容上的问题,造成显示0xc000007b内存出错.下面,小编给 ...
计算机程序无法启动,应用程序无法正常启动,教您电脑应用程序无法正常启动0xc000007b怎么解决...
最近有很多用户反映在运行软件或游戏时都有遇到提示"应用程序无法正常启动0x000007b",那么遇到该提示该如何解决呢?下面,小编就为大家整理出关于运行软件提示"应用程序 ...
json 微信小程序筛选_GitHub - zhengyangkang/sl-filter: uni -app 一款使用简单的筛选组件，适配app、微信小程序、H5。...
sl-filter 筛选筛选组件,组件名:sl-filter dcloud插件市场地址 sl-filter 简介一款使用简单的筛选组件,适配app.微信小程序.H5. 感谢分享效果图并列菜单 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
小程序导航栏透明，精准设置小程序自定义标题的高度和定位
这里写自定义目录标题场景设置页面标题栏为自定义模式一些概念 - 重点解决方案详细代码 util.js 主页面自定义标题栏组件场景常见场景为ui小姐姐为页面顶部设计了漂亮的图片例如我们的 ...

uni-app小程序如何自定义标题内容（如何解决小程序标题不居中）

问题描述

解决方案：

uni-app小程序如何自定义标题内容（如何解决小程序标题不居中）相关推荐

最新文章

热门文章