uniapp 自定义标题情况下，让标题和右侧胶囊对齐

实现效果：无论手机类型怎么切换，自定义标题始终跟胶囊平齐

实现：

在pages.json文件中配置标题自定义

在index.vue页面，编写自定义的标题内容，在onLoad里可以计算高度，

<view class="title" :style="{paddingTop:navBarTop + 'px',height:navBarHeight + 'px',lineHeight:navBarHeight + 'px'}">答题小程序</view>

onLoad() {let statuBar = uni.getSystemInfoSync().statusBarHeight;let menuButtonInfo = uni.getMenuButtonBoundingClientRect();console.log(menuButtonInfo)this.navBarTop = menuButtonInfo.top;this.navBarHeight = menuButtonInfo.height;},

有关什么是小程序状态栏，标题栏，胶囊，下面的文章有标识

小程序页面结构，以及相应部分怎么获取其参数

uniapp 自定义标题情况下，让标题和右侧胶囊对齐相关推荐

android自定义通知栏图标大小,Android不使用自定义布局情况下实现自定义通知栏图标的方法...
本文实例讲述了Android不使用自定义布局情况下实现自定义通知栏图标的方法.分享给大家供大家参考,具体如下: 自定义通知栏图标?不是很简单么.自定义布局都不在话下! 是的,有xml布局文件当然一切都 ...
MATLAB绘图常见问题1（多子图情况下如何设置一个右侧的colorbar）
由于近期在完成老师的任务中,在设置图格式,发现在存在subplot多子图情况下设置同一个且指定位置的colorbar有难度,通过多次尝试,最终简化到如下代码,以便后续有网友遇到相同问题时可快速解决~ ...
python如何为饼图添加标题_python – Matplotlib子图标题,图标题格式
我将如何格式化下面的饼图子图,以便在图标题和子图标题之间有更多的空白区域.理想情况下,子图标题也会更接近实际的饼图本身. 我似乎无法在文档中找到任何可能启用此功能的内容,但我是matplotlib的新 ...
MS Access 教程之如何在不覆盖标题字段的情况下将 Excel 数据导入 MS Access 现有表？
我收到这个问题的频率比 MS Access 中的任何其他问题都多. 我尝试了不同的直接导入方法,但除了一个调整之外没有任何效果!但是,我将我对此事的观察和发现总结如下. 由于 MS Access 选择 ...
R语言使用epiDisplay包的summ函数计算dataframe中指定变量在不同分组变量下的描述性统计汇总信息并可视化有序点图、自定义cex.main参数配置标题文本字体的大小
R语言使用epiDisplay包的summ函数计算dataframe中指定变量在不同分组变量下的描述性统计汇总信息并可视化有序点图.自定义cex.main参数配置标题文本字体的大小(名称.有效值个数. ...
uniapp中动态修改导航栏标题
在我们日常开发过程中,往往会用到根据各种条件去动态改变顶部标题,在不自定义顶部标题的情况下,可以使用下面这种方法来实现动态修改 uni.setNavigationBarTitle({title: '修 ...
自定义iOS7导航栏背景,标题和返回按钮文字颜色
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
自定义iOS导航栏背景,标题和返回按钮文字颜色－－－－－转载自gyz413977349
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
listview上拉隐藏标题与下拉显示标题
2019独角兽企业重金招聘Python工程师标准>>> 这个功能非常普遍了,主要是用户在下拉列表的时候,隐藏标题来扩大用户浏览列表的范围本方法的设计思路是在列表上覆盖标题栏,然后当 ...

uniapp 自定义标题情况下，让标题和右侧胶囊对齐

uniapp 自定义标题情况下，让标题和右侧胶囊对齐相关推荐

最新文章

热门文章