✓
{{ task.title }}
+{{ task.points }}分
-{{ task.penalty }}分
.section {
margin: 20rpx 20rpx;
}
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
}
.section-title {
font-size: 30rpx;
font-weight: bold;
color: $facade-text-strong;
}
.section-more {
font-size: 24rpx;
color: $facade-text-muted;
}
.task-list {
display: flex;
flex-direction: column;
}
.task-card {
display: flex;
flex-direction: row;
align-items: center;
background: $app-surface;
border-radius: 16rpx;
padding: 24rpx 20rpx;
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
margin-bottom: 16rpx;
}
.task-card:active { opacity: 0.8; }
.task-left {
margin-right: 20rpx;
}
.task-check {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
border: 3rpx solid $facade-border-soft;
display: flex;
align-items: center;
justify-content: center;
background: #f9f9f9;
}
.task-check.checked {
background: $status-success-2;
border-color: $status-success-2;
}
.task-check-icon {
font-size: 24rpx;
color: $app-surface;
font-weight: bold;
}
.task-content {
flex: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.task-name {
font-size: 28rpx;
color: $facade-text-strong;
}
.task-name.done {
text-decoration: line-through;
color: $facade-text-muted;
}
.task-meta {
display: flex;
flex-direction: row;
align-items: center;
}
.task-points {
font-size: 24rpx;
color: $status-success-2;
margin-right: 12rpx;
}
.task-penalty {
font-size: 24rpx;
color: $status-danger;
}