.tab-bar-border { position: fixed; bottom: 0; left: 0; right: 0; height: 160rpx; overflow: auto; } .tab-bar-border .border{ background: white; border-radius: 30rpx 30rpx 0 0; width: 750rpx; height: 120rpx; z-index: 0; position: absolute; bottom: 0; box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.20); } .tab-bar { min-height: 160rpx; display: flex; position: relative; z-index: 1; overflow: auto; } .tab-bar-item { flex: 1; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow: auto; padding-top: 49rpx; } .tab-bar-item cover-image { /* width: 40rpx; */ /* height: 40rpx; */ } .middle{ padding-top: 0!important; position: relative; } .tab-bar .selected { /* padding-top: 0; */ } .tab-bar-item cover-view { position: relative; top: 0rpx; width: 100%; left: 0; height: 60rpx; line-height: 60rpx; font-size: 30rpx; z-index: 3; /* margin-top: -90rpx; */ } cover-view{ overflow: auto; white-space: initial; pointer-events: none; }