petstore-frontend/dist/dev/mp-weixin/components/TabBar.wxss
2026-04-12 22:57:48 +08:00

47 lines
975 B
Plaintext

.tabbar.data-v-7d9a6b19 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: calc(104rpx + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom);
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(8px);
border-top: 1px solid #e8edf4;
display: flex;
flex-direction: row;
z-index: 999;
}
.tabbar-item.data-v-7d9a6b19 {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
color: #94a3b8;
transition: color 0.2s ease;
}
.tabbar-item.active.data-v-7d9a6b19 {
color: #16a34a;
}
.tabbar-icon.data-v-7d9a6b19 {
width: 40rpx;
height: 40rpx;
border-radius: 11rpx;
background: #eaf0f7;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4rpx;
}
.tabbar-item.active .tabbar-icon.data-v-7d9a6b19 {
background: #dcfce7;
}
.tabbar-text.data-v-7d9a6b19 {
font-size: 22rpx;
line-height: 1;
font-weight: 600;
}