Parcourir la source

修复全屏样式

shaogen1995 il y a 3 ans
Parent
commit
4494cfd909

+ 16 - 0
web/public/static/js/main_2020_show.js

@@ -7308,6 +7308,17 @@ window.Modernizr = function(n, e, t) {
                 }
             }();
             $(document).on("fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange", function(e) {
+
+                // 显示和隐藏顶部tab栏
+                let temp =$('.parent-body .lay_top')
+                if(temp.css('display')==='none') temp.css('display','flex')
+                else temp.css('display','none')
+
+                let temp2 =$('.parent-body .lay_top_hide')
+                if(temp2.css('display')==='none') temp2.css('display','block')
+                else temp2.css('display','none')
+                
+
                 $("#gui-fullscreen").toggle(!K.isFullscreen()),
                 $("#gui-fullscreen-exit").toggle(!!K.isFullscreen()),
                 setTimeout(function() {
@@ -16152,6 +16163,11 @@ window.Modernizr = function(n, e, t) {
                       , r = t && !t.isAligned() ? p.OUTDOOR : p.PANORAMA;
                     n !== r && (r === p.PANORAMA ? this.showAlltags(c.tags.startup.fadeInDuration, null, !0) : this.hideAlltags(c.tags.startup.fadeInDuration))
                 }
+                // 移动的时候隐藏顶部tab栏
+                console.log('移动了点位')
+                let temp3 =$('.parent-body .lay_top')
+                temp3.css('height','0px')
+
             }
             ,
             n.prototype.onPlayerReady = function(e, t, i) {

BIN
web/src/assets/images/icon/fullscreen.png


BIN
web/src/assets/images/icon/fullscreen_exit.png


BIN
web/src/assets/img/tab3Full.png


BIN
web/src/assets/img/tab3FullX.png


+ 8 - 3
web/src/views/tab3/index.vue

@@ -96,7 +96,10 @@
         <!-- 关闭按钮 -->
         <div class="btnX el-icon-close" @click="modelShow = false"></div>
         <!-- 全屏按钮 -->
-        <div class="full" @click="screen"></div>
+        <div class="full" @click="screen">
+          <img src="../../assets/img/tab3FullX.png" alt="" v-if="fullscreen">
+          <img src="../../assets/img/tab3Full.png" alt="" v-else>
+        </div>
       </div>
     </div>
     <!-- 大图预览里面的文字显示 -->
@@ -618,13 +621,15 @@ export default {
       .full {
         width: 30px;
         height: 30px;
-        background: url("../../assets/img/tab3Full.png");
-        background-size: 30px 30px;
         cursor: pointer;
         position: absolute;
         right: 10px;
         bottom: 10px;
         color: #fff;
+        &>img{
+          width: 30px;
+          height: 30px;
+        }
       }
     }
     .btnX {