竖屏直播-欢迎页

components/view/index.vue

 <template>
 <template>
+  <div style="height: 100%">
     <!--加密直播-->
     <!--加密直播-->
     <transition name="fade" v-if="encrypt">
     <transition name="fade" v-if="encrypt">
       <encrypt />
       <encrypt />
@@ -7,26 +8,31 @@
     <transition name="fade" v-else-if="white">
     <transition name="fade" v-else-if="white">
       <white />
       <white />
     </transition>
     </transition>
-  <transition v-else>
+    <template v-else>
       <view-pc v-if="!isMobile" />
       <view-pc v-if="!isMobile" />
       <view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" />
       <view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" />
       <view-mobile v-else />
       <view-mobile v-else />
-  </transition>
+      <!--欢迎页-->
+      <welcome v-if="isMobile && welcomeInfo.imgState == 1" />
+    </template>
+  </div>
 </template>
 </template>
 <script>
 <script>
 import { getWatchLoginInfo } from '@/plugins/API/apiAll';
 import { getWatchLoginInfo } from '@/plugins/API/apiAll';
 import { mapGetters, mapMutations, mapActions } from 'vuex';
 import { mapGetters, mapMutations, mapActions } from 'vuex';
-const encrypt = resolve => require(['@/components/encrypt/index'], resolve);
-const white = resolve => require(['@/components/white/index'], resolve);
-const viewPc = resolve => require(['./pc'], resolve);
-const viewMobile = resolve => require(['./mobile'], resolve);
-const viewVertical = resolve => require(['./vertical'], resolve);
+import encrypt from '@/components/encrypt/index';
+import white from '@/components/white/index';
+import welcome from '@/components/welcome/index';
+import viewPc from './pc';
+import viewMobile from './mobile';
+import viewVertical from './vertical';
 
 
 export default {
 export default {
   name: 'view-box',
   name: 'view-box',
   components: {
   components: {
     encrypt,
     encrypt,
     white,
     white,
+    welcome,
     viewPc,
     viewPc,
     viewMobile,
     viewMobile,
     viewVertical
     viewVertical
@@ -43,6 +49,7 @@ export default {
     ...mapGetters({
     ...mapGetters({
       encrypt: 'encrypt',
       encrypt: 'encrypt',
       white: 'white',
       white: 'white',
+      welcomeInfo: 'welcomeInfo',
       channelInfo: 'channelInfo',
       channelInfo: 'channelInfo',
       channelConfig: 'channelConfig',
       channelConfig: 'channelConfig',
       jumpUrls: 'jumpUrls'
       jumpUrls: 'jumpUrls'
@@ -95,5 +102,3 @@ export default {
   }
   }
 };
 };
 </script>
 </script>
-
-<style lang="less" scoped></style>

components/view/mobile.vue

@@ -32,8 +32,6 @@
       </transition>
       </transition>
       <extend-ad></extend-ad>
       <extend-ad></extend-ad>
     </div>
     </div>
-    <!--欢迎页-->
-    <welcome-box v-if="welcomeInfo.imgState == 1"></welcome-box>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -42,7 +40,6 @@ import SKIN from '@/components/modules/skin';
 const advertTop = resolve => require(['@/components/modules/advertBox/top'], resolve);
 const advertTop = resolve => require(['@/components/modules/advertBox/top'], resolve);
 const advertMiddle = resolve => require(['@/components/modules/advertBox/middle'], resolve);
 const advertMiddle = resolve => require(['@/components/modules/advertBox/middle'], resolve);
 const advertText = resolve => require(['@/components/modules/advertBox/text'], resolve);
 const advertText = resolve => require(['@/components/modules/advertBox/text'], resolve);
-const welcomeBox = resolve => require(['@/components/modules/welcomeBox'], resolve);
 const shareBox = resolve => require(['@/components/modules/shareBox'], resolve);
 const shareBox = resolve => require(['@/components/modules/shareBox'], resolve);
 const authBox = resolve => require(['@/components/auth'], resolve);
 const authBox = resolve => require(['@/components/auth'], resolve);
 const cameraBox = resolve => require(['@/components/modules/cameraBox'], resolve);
 const cameraBox = resolve => require(['@/components/modules/cameraBox'], resolve);
@@ -69,7 +66,6 @@ export default {
     menuTab,
     menuTab,
     menuList,
     menuList,
     cameraBox,
     cameraBox,
-    welcomeBox,
     shareBox,
     shareBox,
     redBox,
     redBox,
     authBox,
     authBox,
@@ -84,7 +80,6 @@ export default {
   },
   },
   computed: {
   computed: {
     ...mapGetters({
     ...mapGetters({
-      welcomeInfo: 'welcomeInfo',
       channelInfo: 'channelInfo',
       channelInfo: 'channelInfo',
       advertTop: 'advertTop',
       advertTop: 'advertTop',
       advertMiddle: 'advertMiddle',
       advertMiddle: 'advertMiddle',

store/actions.js

@@ -22,9 +22,6 @@ const actions = {
         return false;
         return false;
       }
       }
       commit('set_channelInfo', res.data);
       commit('set_channelInfo', res.data);
-      if (res.data.screenDirection === 'vertical') {
-        await Promise.all([dispatch('get_menuList'), dispatch('get_channelConfig')]);
-      } else {
       const advertText = {
       const advertText = {
         status: 1,
         status: 1,
         words: res.data.advertWords,
         words: res.data.advertWords,
@@ -36,7 +33,6 @@ const actions = {
         dispatch('get_menuList'),
         dispatch('get_menuList'),
         dispatch('get_channelConfig')
         dispatch('get_channelConfig')
       ]);
       ]);
-      }
     } else if (res.code === 200 && res.errorCode === 3) {
     } else if (res.code === 200 && res.errorCode === 3) {
       commit('set_status', 408);
       commit('set_status', 408);
     } else {
     } else {