-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.wxss
40 lines (36 loc) · 3.8 KB
/
app.wxss
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
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
mycheckbox{
width: 40rpx;
height: 40rpx;
background: #FFF;
box-shadow: inset 0 0 0 2rpx #AAA;
display: block;
border-radius: 50%;
transition: .2s ease-in-out;
}
mycheckbox.active{
box-shadow: inset 0 0 0 24rpx #4877f3;
position: relative;
transition: .2s ease-in-out;
}
mycheckbox.active::after{
content: '';
background-image: url(data:image/png;base64,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);
width: 32rpx;
height: 32rpx;
display: block;
z-index: 2;
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 6rpx;
top: 6rpx;
}