|
@@ -33,9 +33,9 @@
|
|
|
|
|
|
<view class="video-inner-right-box" v-if="isShowControls">
|
|
|
<!-- 切换音频播放按钮 -->
|
|
|
- <view class="change-music-icon" @click.stop="handleChangeMusic"></view>
|
|
|
+ <view :class="['change-music-icon',isFullScreen&&'isFullScreen']" @click.stop="handleChangeMusic"></view>
|
|
|
<!-- 弹幕控制按钮 -->
|
|
|
- <view class="video-danmu-control-box">
|
|
|
+ <view :class="['video-danmu-control-box',isFullScreen&&'isFullScreen']">
|
|
|
<view class="show-btn" v-if="!closeDM" @click.stop="closeDM=true"></view>
|
|
|
<view class="close-btn" v-else @click.stop="closeDM=false"></view>
|
|
|
<view class="send-btn" v-if="!closeDM" @click.stop="showInput=true">发弹幕</view>
|
|
@@ -406,6 +406,9 @@ export default {
|
|
|
background-image: url('@/static/headphones-icon.png');
|
|
|
background-size: cover;
|
|
|
margin-bottom: 20rpx;
|
|
|
+ &.isFullScreen{
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.video-speed-btn{
|
|
@@ -441,6 +444,12 @@ export default {
|
|
|
|
|
|
.video-danmu-control-box{
|
|
|
margin-bottom: 10rpx;
|
|
|
+ &.isFullScreen{
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ .send-btn{
|
|
|
+ margin-top: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
view{
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|