answer.wxss
2.2 KB
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
page {
background-color: rgb(240, 240, 240);
}
.answer {
padding: 32rpx 24rpx;
margin: 34rpx 32rpx;
border-radius: 16rpx;
background-color: #ffffff;
display: flex;
}
.answer_left {
font-size: 48rpx;
color: #C8C9CC;
margin-right: 20rpx;
}
.answer_right {
font-size: 28rpx;
color: #7D7E80;
}
.answer_question {
font-size: 32rpx;
color: #323233;
}
.answer_answer {
margin-top: 36rpx;
display: flex;
align-items: center;
}
.flexs{
display: flex;
flex-direction: column;
}
.flexs image{
width: 28rpx;
height: 28rpx;
margin-left: 22rpx;
}
/*单选框样式修改 */
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
radio .wx-radio-input.wx-radio-input-checked {
border-color: #099D43;
background: #099D43;
}
/* 未选中的 背景样式 */
checkbox .wx-checkbox-input{
border-color: #999;
border-radius: 50%;/* 圆角 */
height: 28rpx;
width: 28rpx;
}
/* 自定义样式.... */
radio .wx-radio-input {
height: 28rpx;
width: 28rpx;
margin-top: -4rpx;
border-radius: 50%;
border: 2rpx solid #999;
background: transparent;
}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
radio .wx-radio-input.wx-radio-input-checked::before {
border-radius: 50%; /* 圆角 */
width: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
height: 28rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
line-height: 28rpx;
text-align: center;
font-size: 28rpx; /* 对勾大小 30rpx */
color: #099D43; /* 对勾颜色 白色 */
background: #ffffff;
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
/* */
.shengqin {
height: 122rpx;
background-color: #ffffff;
font-size: 32rpx;
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
}
.shengqin button {
width: 622rpx;
height: 88rpx;
color: #ffffff;
border-radius: 22px;
background: linear-gradient(130deg, #2ed26e 13%, #05983e 98%);
box-shadow: 0px 9px 19px 0px rgba(0, 116, 45, 0.42);
}