快应用中是没有提供和小程序一样的原生底部tabbar的,如果你一定要实现的话,就得自己模拟,但是自己模拟的话,有一些问题,比如:在自定义的tabbar中引入的组件是无法触发自定义组件的onShow生命周期,需要自己手动触发;再者,当你想从其他页面中跳转到tabbar页面时,也是要自己重新写方法来实现,直接跳转无法实现;然后就是,在自定义的tabbar页面中跳转后,点击返回,这个时候总是返回到首页,这个无法控制,暂时也没想到方法,即使你想自定义头部中的返回,也无法控制,毕竟你还有手机本身的返回键
1.效果图
2.页面布局
- 使用tabs组件实现
- 布局
<template>
<div class="container">
<tabs onchange="changeTabactive">
<!-- 各个页面的组件 -->
<tab-content>
<block for="content.list">
<div class="item-container">