vanpopup 高度_2020-10-04:Vant tab栏实现自定义高度

image.png

上面的图就是重点。只要引用了Vant-UI 里面的tab栏组件，照图上写就能实现————你想要的结果

下面是个人的写法：

html部分

@click="onEventTab"

v-model="active"

swipeable

line-width="58px"

title-inactive-color="#666666"

color="#ffcc33"

title-active-color="#003399"

>

{ {

item.txt

}}

css部分

.nav {

height: 50vh;

background: #ffffff;

.van-tabs{

height: 80%;

background-color: #f5f5f5;

.cust_active{

background-color: #fff;

width: 90%;

border-radius: 10px 10px 0 0;

height: 100vh;

margin: 0 auto;