在uni.scss里面加入: $navBarHei:110rpx;//顶部导航栏高度 js 部分 主要是传递数据,可以根据按钮绑定的事件进行处理。 constprops=defineProps({// 文字颜色color:{type:String,default:"#333",},// 背景色bgColor:{type:String,default:"#f8f8f8",},// 边框色borColor:{type:String,default:"#e3e3e3",...
return { aaa:'', bbb:'', } }, onLoad() { const menu = uni.getMenuButtonBoundingClientRect() this.aaa=menu.top; this.bbb=menu.height; } }
导航栏组件,主要用于头部导航,组件名:hx-navbar 本组件目前兼容微信小程序、H5、5+APP。 本组件支持模式: 普通固定顶部导航 透明导航 透明固定顶部导航 不固定普通导航 背景颜色线性渐变 滑动显示背景 左、中、右3个插槽;可关闭左右插槽使中间插槽铺满导航,实现高度自定义的导航需求 ...
uniapp 顶部导航栏 高度自适应,index.vue<template><view><view:style="'padding-top:'+aaa+'px;height:'+bbb+'px;'"></view></template>index.jsexportdefault{data(){return...