导航栏组件,主要用于头部导航。 导航栏(Nav_bar)组件结构大致分为两部分,一部分是图标,另一部分是文本,子组件实现,父组件引用。 效果图如下: 基本布局代码如下: <template> <divclass="container"> <text>本导航栏为自定义组件,并非原生导航栏。除非原生导航栏无法满足需求,否则不推荐使用自定义导航栏组件。
给导航栏头部设置:导航栏上面设置一个状态栏 <!-- 状态栏 动态设置状态栏高度 --> <view :style="{height: statusBarHeight+'px'}"> </view> data(){ return{statusBarHeight:20,navBarHeight: 45,windowWidth:375,} } created() { //获取手机的系统信息-得到状态栏的高度 const info = uni.getSyst...