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.
152 lines
3.1 KiB
152 lines
3.1 KiB
3 years ago
|
/**app.wxss**/
|
||
|
view,
|
||
|
scroll-view,
|
||
|
swiper,
|
||
|
button,
|
||
|
input,
|
||
|
textarea,
|
||
|
label,
|
||
|
navigator,
|
||
|
image {
|
||
|
-webkit-box-sizing: border-box;
|
||
3 years ago
|
box-sizing: border-box;
|
||
|
}
|
||
|
image{
|
||
|
/* border-radius: 8rpx; */
|
||
3 years ago
|
}
|
||
|
/* 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%;
|
||
3 years ago
|
}
|
||
|
|
||
|
|
||
|
|
||
|
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);
|
||
3 years ago
|
}
|
||
|
|
||
|
.no-list{
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
font-size: 46rpx;
|
||
|
color: #D8D8D8;
|
||
|
font-weight: 500;
|
||
|
padding-top: 20%;
|
||
|
}
|
||
|
.no-list image{
|
||
|
width: 536rpx;
|
||
|
height: 490rpx;
|
||
|
}
|
||
|
.no-list .to-btn{
|
||
|
width: 458rpx;
|
||
|
height: 88rpx;
|
||
|
line-height: 88rpx;
|
||
|
text-align: center;
|
||
|
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
|
||
|
border-radius: 44rpx;
|
||
|
font-size: 40rpx;
|
||
|
color: #fff;
|
||
|
margin-top: 160rpx;
|
||
3 years ago
|
}
|