You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.6 KiB
123 lines
2.6 KiB
/**app.wxss**/ |
|
view, |
|
scroll-view, |
|
swiper, |
|
button, |
|
input, |
|
textarea, |
|
label, |
|
navigator, |
|
image { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
/* layout */ |
|
.acea-row-nowrap { |
|
display: flex; |
|
/* 辅助类 */ |
|
} |
|
.acea-row { |
|
display: flex; |
|
flex-wrap: wrap; |
|
/* 辅助类 */ |
|
} |
|
.acea-row.row-middle,.acea-row-nowrap.row-middle{ |
|
align-items: center; |
|
} |
|
.acea-row.row-top,.acea-row-nowrap.row-top { |
|
align-items: flex-start; |
|
} |
|
.acea-row.row-bottom { |
|
align-items: flex-end; |
|
} |
|
.acea-row.row-center,.acea-row-nowrap.row-center { |
|
justify-content: center; |
|
} |
|
.acea-row.row-right,.acea-row-nowrap.row-right { |
|
justify-content: flex-end; |
|
} |
|
.acea-row.row-left,.acea-row-nowrap.row-left { |
|
justify-content: flex-start; |
|
} |
|
.acea-row.row-between,.acea-row-nowrap.row-between { |
|
justify-content: space-between; |
|
} |
|
.acea-row.row-around, .acea-row-nowrap.row-around{ |
|
justify-content: space-around; |
|
} |
|
.acea-row.row-column-around,.acea-row-nowrap.row-column-around { |
|
flex-direction: column; |
|
justify-content: space-around; |
|
} |
|
.acea-row.row-column { |
|
flex-direction: column; |
|
} |
|
.acea-row.row-column-between,.acea-row-nowrap.row-column-between { |
|
flex-direction: column; |
|
justify-content: space-between; |
|
} |
|
/* 上下左右垂直居中 */ |
|
.acea-row.row-center-wrapper,.acea-row-nowrap.row-center-wrapper { |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
/* 上下两边居中对齐 */ |
|
.acea-row.row-between-wrapper,.acea-row-nowrap.row-between-wrapper { |
|
align-items: center; |
|
justify-content: space-between; |
|
} |
|
.line1{ |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
width: 100%; |
|
} |
|
.line2{ |
|
word-break:break-all; |
|
display:-webkit-box; |
|
-webkit-line-clamp:2; |
|
-webkit-box-orient:vertical; |
|
overflow:hidden; |
|
} |
|
|
|
.back-btn{ |
|
width: 36rpx; |
|
height: 36rpx; |
|
position: fixed; |
|
left: 40rpx; |
|
text-align: center; |
|
line-height: 36rpx; |
|
z-index: 99; |
|
} |
|
.back-btn image{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
|
|
|
|
radio .wx-radio-input.wx-radio-input-checked { |
|
border-color: #cc0000; |
|
background: #cc0000; |
|
} |
|
radio .wx-radio-input { |
|
height: 33rpx; |
|
width: 33rpx; |
|
margin-top: -4rpx; |
|
border-radius: 50%; |
|
border: 2rpx solid #999; |
|
background: transparent; |
|
} |
|
radio .wx-radio-input.wx-radio-input-checked::before { |
|
border-radius: 50%; /* 圆角 */ |
|
width: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */ |
|
height: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */ |
|
line-height: 35rpx; |
|
text-align: center; |
|
font-size: 28rpx; /* 对勾大小 30rpx */ |
|
color: #fff; /* 对勾颜色 白色 */ |
|
background: #FF5100; |
|
border: 2rpx solid #FF5100; |
|
transform: translate(-50%, -50%) scale(1); |
|
-webkit-transform: translate(-50%, -50%) scale(1); |
|
} |