123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- /* 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;
- }
|