lin-ui icon indicating copy to clipboard operation
lin-ui copied to clipboard

Tabs 组件能否自定义标签高度

Open zhyphil opened this issue 4 years ago • 5 comments

描述你希望的支持的新功能? .l-placement-bottom .l-tabs-header, .l-placement-top .l-tabs-header { height: 80rpx } 标签栏位置在顶部和底部时的默认高度 为 80rpx, 有没有接口可以自定义这个高度?

你期望的 API 是怎样的?

提供外部class 覆盖默认值

谢谢

zhyphil avatar Jul 20 '20 07:07 zhyphil

可使用l-header-class外部样式类修改高度

juzi214032 avatar Jul 20 '20 08:07 juzi214032

可使用l-header-class外部样式类修改高度

我有使用l-header-class,但是这只影响到最外层scroll-view高度,而 这一层的高度还是默认的80rpx, 也就是说 标签 白底的 这一部分高度保持 默认值不变, 那我在添加 image的时候,就会出现 显示 不全的问题,假如想要显示一个大图的话.

我尝试在wxss里面加 .l-tabs-header{height:200rpx!important;} 强制覆盖,但没有成功

zhyphil avatar Jul 20 '20 15:07 zhyphil

尝试下l-active-classl-inactive-class

juzi214032 avatar Jul 21 '20 00:07 juzi214032

遇到了相同的问题,也已经尝试过楼上的 l-active-classl-inactive-class,一样不行。子元素的 class 为 l-tabs-header,样式为 height: 80rpx,而这个 l-tabs-header 属性是替换父级元素的 class ,这根本无法改变子元素的高度,因为子元素已经设置了 height: 80rpx

SpanishOnion avatar Feb 24 '21 15:02 SpanishOnion

@SpanishOnion 感谢反馈 下个版本会增加一个外部样式类对应该dom节点

juzi214032 avatar Feb 24 '21 15:02 juzi214032