/* pages/task/task.wxss */ .task_container { box-sizing: border-box; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .upload_box { box-sizing: border-box; width: 100%; height: 420rpx; flex-shrink: 0; padding: 30rpx; display: flex; flex-direction: column; align-items: flex-start; align-items: center; background: linear-gradient(90deg, rgba(115, 164, 255, 1) 0%, rgba(67, 160, 255, 1) 100%); } .company_message { width: 100%; margin-bottom: 20rpx; display: flex; justify-content: center; align-items: center; font-size: 36rpx; font-weight: bolder; color: #ffffff; } .to_upload { width: 600rpx; height: 240rpx; border-radius: 12rpx; background-color: #ffffff; font-size: 28rpx; display: flex; justify-content: center; align-items: center; } .task_box { box-sizing: border-box; width: 100%; padding: 40rpx; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .all_task { width: 100%; margin-bottom: 20rpx; display: flex; justify-content: space-between; align-items: center; } .task_item { box-sizing: border-box; width: 100%; padding: 20rpx 0; background-color: #ffffff; border-bottom: 1rpx solid rgba(166, 166, 166, 0.35); } .empty_page { width: 100%; height: 400rpx; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }