/**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; }