| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- .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;
- }
- }
- }
|