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
50
51
52
53
54
| .cl-scroller__wrap {
| position: relative;
| height: 100%;
| overflow: hidden;
| }
|
| .cl-scroller {
| height: 100%;
|
| &__loading {
| display: flex;
| justify-content: center;
| align-items: center;
| width: 100%;
| position: absolute;
| left: 0;
| bottom: 100%;
| min-height: 100rpx;
| }
|
| &__view {
| height: 100%;
| }
|
| &__back-top {
| display: flex;
| flex-direction: column;
| justify-content: center;
| align-items: center;
| position: absolute;
| right: 30rpx;
| bottom: 100rpx;
| background-color: rgba(255, 255, 255, 0.8);
| border: $cl-border-width solid #ddd;
| height: 80rpx;
| width: 80rpx;
| border-radius: 80rpx;
| transform: translateX(160rpx);
| transition: all 0.3s;
| opacity: 0;
| z-index: 99;
|
| &.fadeIn {
| transform: translateX(0);
| opacity: 1;
| }
|
| &-text {
| font-size: 20rpx;
| color: #444;
| margin-top: -4rpx;
| }
| }
| }
|
|
