weui-miniprogram/src/components/actionsheet/actionsheet.less at 5f7e905fbf74550d9a186a94c96cd2fe9c213b69 · wechat-miniprogram/weui-miniprogram · GitHub

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
.weui-actionsheet__action {
  padding-bottom: 0;
}

.weui-actionsheet__cell_cancel {
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
}

.weui-actionsheet__title:focus {
  outline: none;
}

.weui-actionsheet__cell.weui-active {
  background-color: var(--weui-BG-COLOR-ACTIVE);
}

.weui-actionsheet {
    transform: none;
    -webkit-transform: none;
}

// FIXME: skyline animation 暂有 scope 的 bug
.weui-animate-fade-in {
    animation: weuiFadeIn ease 0.3s forwards;
}

@keyframes weuiFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.weui-animate-fade-out {
    animation: weuiFadeOut ease 0.3s forwards;
}

@keyframes weuiFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.weui-animate-slide-up {
    animation: weuiSlideUp ease 0.3s forwards;
}

@keyframes weuiSlideUp {
    from {
        transform: translate3d(0, 100%, 0);
    }
    to {
        transform: translateZ(0);
    }
}

.weui-animate-slide-down {
    animation: weuiSlideDown ease 0.3s forwards;
}

@keyframes weuiSlideDown {
    from {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(0, 100%, 0);
    }
}

// 使用 keyframes 做进出场时，避免被 weui-wxss 默认 transform/transition 覆盖导致“闪退/回弹”
.weui-actionsheet.weui-animate-slide-up {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transition: none;
    -webkit-transition: none;
}

.weui-actionsheet.weui-animate-slide-down {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: none;
    -webkit-transition: none;
}