1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
@import "../../template/avater/index.acss";
@import "../../template/checkbox/index.acss";
.task-list {
border: 1rpx solid rgba(10, 10, 10, 0.14);
border-radius: 16rpx;
border-radius: 16rpx;
padding: 14rpx 16rpx 0;
margin-top: 16rpx;
}
.task-list>.task-box {
background: rgba(255, 255, 255, 1);
border-radius: 8rpx;
box-shadow: 0 0 8rpx 0rpx rgba(0, 0, 0, 0.06);
padding: 0 16rpx;
height: 80rpx;
color: rgba(27, 38, 61, 1);
margin-bottom: 14rpx;
position: relative;
display: flex;
align-items: center;
}
.task-box>.task-title {
flex: 1;
font-size: 28rpx;
line-height: 80rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.task-box>.avater {
width: 48rpx;
height: 48rpx;
right: 14rpx;
top: 16rpx;
line-height: 48rpx;
overflow: hidden;
font-size: 24rpx;
}