.all-date { overflow: hidden; height: 100vh; position: fixed; left: 0; right: 0; top: 80rpx; z-index: 5; /* background-color: rgba(0,0,0,.7); */ } .staff-header { background-color: #fff; box-shadow: inset 0px 0px 5px #ccc; padding-top: 28rpx; margin-top: 0rpx; transform: translateY(-100%); position: fixed; left: 0; right: 0; z-index: 8; } .staff-btn view { text-align: center; padding: 20rpx 0; } .staff-btn view:nth-child(1) { background-color: #f1f1f1; } .staff-btn view:nth-child(2) { background-color: #26a2ff; color: #fff; } .staff-ul { width: 100%; background-color: #fff; height: 700rpx; box-sizing: border-box; margin-top: 28rpx; border-top: 1px solid #f1f1f1; } .userItem { padding: 10rpx 32rpx; border-bottom: 1px solid #f1f1f1; } .staff-ul .userItem .xia { color: #26A2FF !important; } .shu { padding: 14rpx 24rpx; background: #fff; font-size: 28rpx; color: #26A2FF; border-bottom: 1px solid #f1f1f1; } .shu view:last-child { color: #ccc; } .search2 { background-color: #f1f1f1; border-radius: 10rpx; margin: 0 32rpx; padding: 8rpx 10rpx; } .search2 input { background-color: #f1f1f1; } .search2 image { width: 30rpx; height: 30rpx; margin-left: 10rpx; } .selectUsers { padding: 10rpx; border-top: 1px solid #f1f1f1; overflow-y: auto; width: 100%; } .date-btn view { text-align: center; padding: 20rpx 0; } .date-btn view:nth-child(1) { background-color: #f1f1f1; } .date-btn view:nth-child(2) { background-color: #26a2ff; color: #fff; }