.mainBox { height: 100vh; display: flex; flex-direction: column; .wrapper { // flex: 1; height: calc(100vh - 250rpx); overflow: hidden; } //底部按钮 .footer { height: 45px; position: relative; display: flex; justify-content: space-between; align-items: center; bottom: 0; width: 100%; height: 50px; border-top: 1px solid #eeecec; background-color: #ffffff; z-index: 999; .bottom { margin-left: 10rpx; } .u-reset-button { position: absolute; right: 10rpx; top: 20rpx; width: 150rpx; } } .top-wrapper { background-color: #fff; display: flex; width: 750rpx; height: 88rpx; padding: 16rpx 32rpx; align-items: center; gap: 16rpx; /deep/.uni-section { margin-top: 0px; } /deep/.uni-section-header { padding: 0px; } .search_btn { width: 120rpx; height: 70rpx; line-height: 70rpx; padding: 0 24rpx; background: $theme-color; font-size: 32rpx; color: #fff; margin: 0; margin-left: 26rpx; } .menu_icon { width: 44rpx; height: 44rpx; margin-left: 14rpx; } } .dimension { width: calc(100% - 270rpx); } .nav_box { padding: 6rpx 32rpx; position: relative; .btn { width: 68rpx; text-align: center; background: #1890ff; color: #fff; border: 2rpx solid; border-color: #1890ff; height: 40rpx; line-height: 40rpx; font-size: 26rpx; margin-right: 10rpx; } .remove { color: #606266; border-color: #dddddd; background: #fff; } .nav_item { font-size: 28rpx; font-weight: 400; color: $theme-color; background: #F0F8F2; margin-right: 16rpx; padding: 4rpx 16rpx; border-radius: 8rpx; border: 2rpx solid #ACD4B5; } .menu_box { position: absolute; right: 20rpx; top: 10rpx; .menu_icon { width: 44rpx; height: 44rpx; } } .active { background: $theme-color; border: 2rpx solid $theme-color; color: #FFF; } } }