prevention/pages/task/task.wxss

77 lines
1.6 KiB
Plaintext

/* 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;
}