188 lines
3.7 KiB
Plaintext
188 lines
3.7 KiB
Plaintext
|
/**app.wxss**/
|
||
|
.container {
|
||
|
height: 100%;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
justify-content: space-between;
|
||
|
padding: 200rpx 0;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
radio-group text {
|
||
|
font-size: 25rpx;
|
||
|
}
|
||
|
|
||
|
radio .wx-radio-input {
|
||
|
border-radius: 50%;
|
||
|
width: 24rpx;
|
||
|
border: 2rpx solid #5e5e5f;
|
||
|
height: 24rpx;
|
||
|
}
|
||
|
|
||
|
radio .wx-radio-input.wx-radio-input-checked {
|
||
|
border: none;
|
||
|
background: #07c160;
|
||
|
}
|
||
|
|
||
|
radio .wx-radio-input.wx-radio-input-checked::before {
|
||
|
border-radius: 50%;
|
||
|
/* 圆角 */
|
||
|
width: 28rpx;
|
||
|
/* 选中后对勾大小,不要超过背景的尺寸 */
|
||
|
height: 28rpx;
|
||
|
/* 选中后对勾大小,不要超过背景的尺寸 */
|
||
|
line-height: 28rpx;
|
||
|
text-align: center;
|
||
|
font-size: 20rpx;
|
||
|
/* 对勾大小 30rpx */
|
||
|
color: #fff;
|
||
|
/* 对勾颜色 白色 */
|
||
|
background: #07c160;
|
||
|
transform: translate(-50%, -50%) scale(1);
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
checkbox-group text {
|
||
|
font-size: 25rpx;
|
||
|
|
||
|
}
|
||
|
|
||
|
checkbox .wx-checkbox-input {
|
||
|
width: 24rpx;
|
||
|
border: 2rpx solid #5e5e5f;
|
||
|
height: 24rpx;
|
||
|
margin-left: 5rpx;
|
||
|
}
|
||
|
|
||
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||
|
border: none;
|
||
|
background: #07c160;
|
||
|
}
|
||
|
|
||
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
|
||
|
/* 圆角 */
|
||
|
width: 28rpx;
|
||
|
/* 选中后对勾大小,不要超过背景的尺寸 */
|
||
|
height: 28rpx;
|
||
|
/* 选中后对勾大小,不要超过背景的尺寸 */
|
||
|
line-height: 28rpx;
|
||
|
text-align: center;
|
||
|
font-size: 20rpx;
|
||
|
margin-left: 5rpx;
|
||
|
/* 对勾大小 30rpx */
|
||
|
color: #fff;
|
||
|
/* 对勾颜色 白色 */
|
||
|
background: #07c160;
|
||
|
transform: translate(-50%, -50%) scale(1);
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.text-clamp1 {
|
||
|
overflow: hidden;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 1;
|
||
|
}
|
||
|
|
||
|
.text-clamp2 {
|
||
|
overflow: hidden;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 2;
|
||
|
}
|
||
|
|
||
|
.text-clamp3 {
|
||
|
overflow: hidden;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 3;
|
||
|
}
|
||
|
|
||
|
.text-clamp4 {
|
||
|
overflow: hidden;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 4;
|
||
|
}
|
||
|
|
||
|
.text-clamp5 {
|
||
|
overflow: hidden;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 5;
|
||
|
}
|
||
|
|
||
|
.flex {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
}
|
||
|
|
||
|
.flex-center {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
-webkit-align-items: center;
|
||
|
-webkit-justify-content: center;
|
||
|
}
|
||
|
|
||
|
.flex-alignStart {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
align-items: flex-start;
|
||
|
-webkit-align-items: flex-start;
|
||
|
}
|
||
|
|
||
|
.flex-alignCenter {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
-webkit-align-items: center;
|
||
|
}
|
||
|
|
||
|
.flex-alignEnd {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
align-items: flex-end;
|
||
|
-webkit-align-items: flex-end;
|
||
|
}
|
||
|
|
||
|
.flex-between {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
-webkit-justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.flex-around {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
-webkit-justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
.flex-middle {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
-webkit-justify-content: center;
|
||
|
}
|
||
|
|
||
|
.flex-end {
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
justify-content: flex-end;
|
||
|
-webkit-justify-content: flex-end;
|
||
|
}
|