uniapp默认tabbar高度是多少？怎么修改tabbar的样式和高度？
网友回复
默认高度是50px，可以在pages.json中修改高度
样式修改
App.vue全局样式style添加
.uni-tabbar {
// tab 样式
// 背景色
background-color: rgba(57, 181, 74, 0.1) !important;
// tabBar 样式
// 上边框
.uni-tabbar-border {
background-color: #e54d42 !important; // tabBar 上边框的颜色
}
.uni-tabbar__item {
// tabBar 单项样式
height: 100rpx !important;
&:not(:last-child) {
border-right: 4rpx solid #eee;
}
.uni-tabbar__icon {
// tabBar 图标样式
width: 40rpx !important;
height: 40rpx !important;
}
.uni-tabbar__label {
// tabBar 文字样式
// color:yellow !important
}
}
}
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
