请问Tabbar 底部导航栏和Navbar 自定义导航栏同时使用时,该如何布局?是以下第一种还是第二种?
第一种
<template>
<view>
<u-navbar back-text="返回" title="标题"></u-navbar>
<view class="u-page">
<!-- 所有内容的容器 -->
</view>
<!-- 与包裹页面所有内容的元素u-page同级,且在它的下方 -->
<u-tabbar v-model="current" :list="list" :mid-button="true"></u-tabbar>
</view>
</template>
第二种
<template>
<view>
<view class="u-page">
<u-navbar back-text="返回" title="标题"></u-navbar>
<!-- 所有内容的容器 -->
</view>
<!-- 与包裹页面所有内容的元素u-page同级,且在它的下方 -->
<u-tabbar v-model="current" :list="list" :mid-button="true"></u-tabbar>
</view>
</template>
3 个回复
uViewUI - 【www.uviewui.com】uView UI,是uniapp生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
您好,建议使用第二种方式布局
秋名山小崽子
请为我用第二种这个方法为什么tabbar是一片白色 ,而且原生的tabbar也还在显示
1***@qq.com
这是1.x的写法
2022-02-07 12:17
gaogeek
大佬,https://ask.dcloud.net.cn/question/85575 这个问题是怎么解决的啊?我现在是自己打包的ui组件库,存在 view 没法走 uni 内部打包为 uni-view 导致很多ui功能异常。 有什么方案或者思路吗? 多谢了