Riku
2024-08-12 7c3c82d429f86358142adceb080e8922f6a18aa0
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
42
43
44
45
46
47
48
49
.patrol-item__wrap {
  display: flex;
  justify-content: space-between;
  background-color: var(--td-bg-color-fade);
  border-radius: var(--td-border-radius);
  box-shadow: var(--td-shadow-4);
  padding: var(--td-spacer) var(--td-spacer-1);
  margin-top: var(--td-spacer);
}
 
.patrol-item__left {
  display: flex;
  flex-direction: column;
  /* width: 80%; */
}
 
.patrol-item__right {
}
 
.patrol-item__title {
  font-size: var(--td-font-size-m);
  font-weight: 600;
  margin-bottom: var(--td-spacer-1);
}
 
.patrol-item__tag {
  font-size: var(--td-font-size-s);
  color: var(--td-text-color-secondary);
  display: flex; 
}
 
.patrol-item__tag__left {
  white-space: nowrap;
}
 
.t-class-progress {
  /* 原框架中的整体宽高是写死的224rpx,修改了框架添加两个宽高变量 */
  --td-progress-width: 80rpx;
  --td-progress-height: 80rpx;
  /* 文字大小同理 */
  --td-progress-info-font-size: 20rpx;
  /* 内圈宽高同理 */
  --td-progress-inner-size: calc(100% - 12rpx*1);
}
 
/* .page .page-footer {
  padding-top: var(--td-spacer-1);
  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
} */