zycp-ddxcx/components/tabBar/tabBar.acss

57 lines
862 B
Plaintext

.nav-tabs {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
bottom: 0;
background: #f5f5f5;
}
.tab-list {
width: 34%;
padding: 30rpx 0;
}
.tab-list>view{
display: flex;
align-items: center;
justify-content: center;
}
.nav-tabs .tab-list:nth-of-type(2)>view{
border-left: 2rpx solid #9f9f9f;
border-right: 2rpx solid #9f9f9f;
}
.tab-list>view>view:first-child,
.tab-list>view>view:first-child image{
width: 40rpx;
height: 40rpx;
}
.tab-text {
height: 60rpx;
box-sizing: content-box;
font-size: 30rpx;
line-height: 60rpx;
color: #424652;
margin-left: 6rpx;
}
.active {
background: #e2e2e2;
}
/* tabbar切换选中的文字颜色 */
/* .active text {
color: #2697EB !important;
} */
.show {
display: block;
flex: 1;
}
.hidden {
display: none;
flex: 1;
}