|
|
@@ -23,11 +23,11 @@
|
|
|
:class="[
|
|
|
'danmu-item',
|
|
|
play?'animat-run':'animat-pause',
|
|
|
- item.user_id==selfUserid?'border':''
|
|
|
+ item.user_id==selfUserid?'danmu-item-self':''
|
|
|
]"
|
|
|
v-for="item in danmuList"
|
|
|
:key="item.id"
|
|
|
- :style="{color:item.color,top:item.top,animationDuration:item.speed+'s'}"
|
|
|
+ :style="{color:item.color,top:item.top,animationDuration:isFullScreen?item.speed+7+'s':item.speed+'s'}"
|
|
|
>{{item.content}}</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -493,6 +493,11 @@ export default {
|
|
|
font-size: 12px;
|
|
|
height: 18px;
|
|
|
white-space: nowrap;
|
|
|
+ background: rgba(48, 48, 48, 0.5);
|
|
|
+ padding-left: 10rpx;
|
|
|
+ padding-right: 10rpx;
|
|
|
+ border-radius: 18px;
|
|
|
+ padding-top: 9px;
|
|
|
}
|
|
|
.animat-pause{
|
|
|
animation-play-state: paused;
|
|
|
@@ -500,12 +505,8 @@ export default {
|
|
|
.animat-run{
|
|
|
animation-play-state: running;
|
|
|
}
|
|
|
- .border{
|
|
|
- border: 1px solid #fff;
|
|
|
- border-radius: 10px;
|
|
|
- padding-top: 8px;
|
|
|
- padding-left: 2px;
|
|
|
- padding-right: 2px;
|
|
|
+ .danmu-item-self{
|
|
|
+ color: #F9AC3A !important;
|
|
|
}
|
|
|
@keyframes move {
|
|
|
0%{
|
