Authored by zzzzzzz

修完bug

... ... @@ -35,7 +35,10 @@
<div class="liverec_info">
<img class="liverec_head" src="{{image master_pic 120 120}}" alt="头像">
<div class="liverec_pannel">
<p class="liverec_name">{{master_name}} <span class="name-tag">{{master_meta}}</span></p>
<p class="liverec_name">
<span class="name-name">{{master_name}}</span>
<span class="name-tag">{{master_meta}}</span>
</p>
<p class="liverec_tag">{{title}}</p>
</div>
</div>
... ...
... ... @@ -56,61 +56,14 @@ $border: #e0e0e0;
text-align: center;
line-height: 1.5;
}
/*&_info {
position: relative;
height: 102px;
width: 320px;
border-top: 1px solid $border;
border-bottom: 1px solid $border;
}*/
/*&_head {
position: absolute;
top: 20px;
left: 30px;
height: 60px;
width: 60px;
border-radius: 50%;
}*/
/*&_pannel {
position: absolute;
top: 20px;
left: 110px;
}*/
&_name {
margin-bottom: 14px;
font-size: 26px;
color: $black;
line-height: 100%;
}
/*.name-tag {
position: relative;
top: -2px;
display: inline-block;
height: 26px;
width: 86px;
font-size: 17.9px;
background: $black;
margin-left: 5px;
border-radius: 20px;
color: $white;
text-align: center;
line-height: 1.5;
}*/
&_tag {
font-size: 20px;
line-height: 1.2;
color: $black;
line-height: 100%;
display: -webkit-box;
overflow: hidden;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
white-space: nowrap;
text-overflow: ellipsis;
}
}
... ... @@ -128,19 +81,34 @@ $border: #e0e0e0;
}
.liverec_pannel {
line-height: 1;
overflow: hidden;
}
.liverec_name {
line-height: 1;
font-size: 26px;
margin-bottom: 14px;
color: $black;
.name-name {
display: inline-block;
height: 26px;
max-width: 85px;
overflow: hidden;
}
.name-tag {
display: inline-block;
width: 100px;
text-align: center;
font-size: 18px;
height: 26px;
line-height: 26px;
padding: 0 8px;
max-width: 90px;
text-align: center;
background: $black;
border-radius: 20px;
color: $white;
vertical-align: top;
}
}
... ...