qq_43402051的博客

最后，Geek Header 还提供了详细的 API 文档，包括 Props、Event 和 Slot 三个部分，让开发者可以更加灵活地使用该插件。无论是在 App 还是小程序中，Geek Header 都可以让你自定义导航栏，包括背景颜色、是否使用白色返回箭头、是否需要左侧内容、导航栏标题等。同时，插件提供了自定义插槽，让开发者可以轻松实现自己的导航栏样式。除此之外，Geek Header 还提供了一个非常实用的 placeholder 属性，可以在标题部分生成一块与导航栏同高的元素，以防止内容塌陷。

<template> <view class="Header-box" :class="{xcx: statusBarHeight, common: !statusBarHeight}" :style="{paddingBottom: `${statusBarHeight}px`}"> <view class="header-fixed-box" :style="{ background: noBg ? noBg : '', he.

// 获取导航栏高度 wx.getSystemInfo({ success: res=>{ let custom = wx.getMenuButtonBoundingClientRect(); this.statusBarHeight = custom.bottom + custom.top - res.statusBarHeight; }, });

https://www.jb51.net/article/207499.htmhttps://www.jb51.net/article/207499.htm