74 lines
1.1 KiB
SCSS
74 lines
1.1 KiB
SCSS
|
.result-box {
|
||
|
|
width: 90%;
|
||
|
|
margin: 40rpx 5%;
|
||
|
|
padding: 20rpx 50rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius: 10px;
|
||
|
|
background-color: #3D4679;
|
||
|
|
font-size: 20rpx;
|
||
|
|
color: $uni-text-color;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.uni-flex {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
margin: 10rpx 0;
|
||
|
|
|
||
|
|
&-item {
|
||
|
|
width: 50%;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
&-score {
|
||
|
|
font-size: 50rpx;
|
||
|
|
color: $uni-text-color-inverse;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-state {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&-data{
|
||
|
|
width: 40%;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-text{
|
||
|
|
word-break: break-all; //换行模式
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis; //修剪文字
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-line-clamp: 2; //此处为上限行数
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.expand{
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
justify-content: center;
|
||
|
|
border-radius: 10px;
|
||
|
|
color: #ffffff;
|
||
|
|
font-size: 20rpx;
|
||
|
|
background-color: #535883;
|
||
|
|
width: 100%;
|
||
|
|
margin-top:20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag {
|
||
|
|
margin-right:18rpx;
|
||
|
|
background-color: #545C85;
|
||
|
|
color: #fff;
|
||
|
|
padding: 0 20rpx;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select{
|
||
|
|
border-radius:10px;
|
||
|
|
}
|
||
|
|
}
|