Browse Source

样式调整

jwyu 2 years ago
parent
commit
52e9f25a70
1 changed files with 11 additions and 2 deletions
  1. 11 2
      components/videoBox/videoBox.vue

+ 11 - 2
components/videoBox/videoBox.vue

@@ -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;