/* components/custom-tab-bar/index.wxss */ .tab-bar { background-color: white; position: fixed; bottom: 0; left: 0; right: 0; height: 55px; display: flex; padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; box-shadow: 0 -1px 5rpx 0 #eee; z-index: 99; } .tab-bar-item { flex: 1; text-align: center; display: flex; align-items: center; flex-direction: column; } .tab-bar-item .image { margin: 16rpx 0 8rpx 0; width: 40rpx; height: 40rpx; } .bulge { position: relative; } .bulge .image { position: absolute; top: -47rpx; width: 94rpx; height: 94rpx; } .bulge .tab-bar-view { margin-top: 60rpx; } .tab-bar-item .tab-bar-view { font-size: 22rpx; font-weight: 500; } .tab-bar .bg { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: -1; }