@@ -23,4 +23,6 @@ export default {
height 240px
overflow hidden
margin-left 20px
+ .top-list
+ margin-right -20px
</style>
@@ -9,8 +9,8 @@
</div>
<div class="info">
<div class="t">【阴阳师/狗博】射杀恋人之日【ALeo维】</div>
- <span class="up">up主:要小心有毒的橙汁</span>
- <span class="play">播放:46022</span>
+ <p class="up">up主:要小心有毒的橙汁</p>
+ <p class="play">播放:46022</p>
</a>
@@ -53,6 +53,14 @@ export default {
background rgba(0,0,0,0.7)
transition .3s all linear
border-radius 4px
+ .t
+ height 18px
+ line-height 18px
+ overflow hidden
+ color #fff
+ margin 0 5px
+ word-break break-all
+ word-wrap break-word
.info
padding 10px 0 3px
height 18px
@@ -63,20 +71,12 @@ export default {
z-index 1
background linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9))
border-radius 0 0 4px 4px
- .t
- height 18px
- line-height 18px
- overflow hidden
- color #fff
- margin 0 5px
- word-break break-all
- word-wrap break-word
p
color #99a2aa
margin 5px 5px 0
transition .2s all linear
- .up
+ height 16px
+ &.up
margin-top 10px
text-overflow ellipsis