$ionicActionSheet在Android设备上显示错乱

来源：互联网发布：node mysql连接池配置编辑：程序博客网时间：2024/05/22 09:51

官方论坛关于此问题的讨论

stackoverflow关于此问题的解决方案

解决方案就是覆盖相应的css-style,修改后基本就是

?
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
.platform-android .action-sheet-backdrop.active {
    background-color: rgba(0,0,0,0.2);
}
.platform-android .action-sheet {
    margin-left:8px;
    margin-right:8px;
    width:auto;
    z-index:11;
    overflow:hidden;
}
.platform-android .action-sheet .action-sheet-title,
.platform-android .action-sheet .button {
    display:block;
    padding:1px;
    width:100%;
    border-radius:0;
    border-color:#d1d3d6;
    background-color:transparent;
    color:#007aff;
    font-size:21px;
    text-align:center;
}
.platform-android .action-sheet .action-sheet-title {
    padding:16px;
    color:#8f8f8f;
    text-align:center;
    font-size:13px;
}
.platform-android .action-sheet .button.active,
.platform-android .action-sheet .button.activated {
    background:#e8e8e8;
}
.platform-android .action-sheet-group {
    margin-bottom:8px;
    border-radius:4px;
    background-color:#fff;
    overflow:hidden;
}
.platform-android .action-sheet-group .button {
    border-width:1px0 0;
}
.platform-android .action-sheet .button {
    display:block;
    padding:1px;
    width:100%;
    border-radius:0;
    border-color:#d1d3d6;
    background-color:transparent;
    color:#007aff;
    font-size:21px;
}
.platform-android .action-sheet-cancel {
    font-weight:500;
    display:block;
}
.platform-android .action-sheet-has-icons .button {}

0 0