/* components/bottomTabs/bottomTabs.wxss */ .bottom-tabs { position: fixed; left: 0; right: 0; bottom: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-around; background: rgba(255, 255, 255, 1); border-top: 1rpx solid #f7f7f7; padding-top: 10rpx; padding-left: 20rpx; padding-right: 20rpx; padding-bottom: calc(var(--safe-area-inset-bottom, 0) + 20rpx); } .item { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; } .share-btn { padding: 0; margin: 0; } .share-btn::after, .share-btn::before { border: 0; } .item .icon { width: 44rpx; height: 44rpx; } .item .text-active { color: #65d4c3; } .item text { position: absolute; top: -4rpx; left: 60%; font-size: 20rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(255, 255, 255, 1); background: rgba(255, 82, 61, 1); border-radius: 14rpx; padding: 0 8rpx; min-width: 10rpx; } .input-item { flex: 3; display: flex; align-items: center; background: rgba(246, 246, 246, 1); border-radius: 32px; padding: 10rpx 15rpx; margin-right: 10rpx; } .input-item .txt { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(153, 153, 153, 1); margin-left: 20rpx; } .input-item .input-icon { width: 28rpx; height: 28rpx; }