/* components/nodata/nodata.wxss */ .box{ width: 100%; height: 100vh; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(50, 50, 50, 0.6); } .bottom-box-show { } .bottom-box-hide { } .bottom-box { width: 100%; max-height: 65%; background: #fff; position: absolute; bottom: 0; padding: 10rpx 30rpx 30rpx 30rpx; box-sizing: border-box; } .bottom-box .menu-box { width: 100%; height: 60rpx; display: flex; align-items: center; justify-content: space-around; margin-bottom: 20rpx; } .bottom-box .menu-box .menu-left { width: 15%; text-align: left; /* color: #16b64f; */ } .bottom-box .menu-box .menu-title { width: 70%; text-align: center; } .bottom-box .menu-box .menu-right { width: 15%; text-align: right; color: #108af6; } .bottom-box .input-box { width: 100%; min-height: 100rpx; max-height: 240rpx; background: #f7f7f7; display: flex; align-items: center; padding: 20rpx; box-sizing: border-box; overflow: scroll; flex-wrap: wrap; margin-bottom: 20rpx; } .bottom-box .input-box .select-item { padding: 4rpx 10rpx; box-sizing: border-box; /* background: #0fb0ee70; */ background: #dddddd; margin-right: 10rpx; margin-bottom: 10rpx; border-radius: 8rpx; /* color: #fff; border: 1px solid #0fb0ee; */ word-break: break-all; } .bottom-box .input-box .input-item .input-content{ width: 100rpx; } .bottom-box .check-box { max-height: 400rpx; overflow-y: scroll; padding-right: 12rpx; margin-bottom: 60rpx; } .check-box .check-item { width: 100%; min-height: 80rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; } .check-box .check-item-active { color: #108af6; } .check-box .check-item .check-title{ width: 620rpx; overflow: hidden; word-break: break-all; } .check-box .check-item .check-icon { }