竖屏直播-欢迎页

components/view/index.vue

 <template>
-  <!--加密直播-->
-  <transition name="fade" v-if="encrypt">
-    <encrypt />
-  </transition>
-  <!-- 白名单观看 -->
-  <transition name="fade" v-else-if="white">
-    <white />
-  </transition>
-  <transition v-else>
-    <view-pc v-if="!isMobile" />
-    <view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" />
-    <view-mobile v-else />
-  </transition>
+  <div style="height: 100%">
+    <!--加密直播-->
+    <transition name="fade" v-if="encrypt">
+      <encrypt />
+    </transition>
+    <!-- 白名单观看 -->
+    <transition name="fade" v-else-if="white">
+      <white />
+    </transition>
+    <template v-else>
+      <view-pc v-if="!isMobile" />
+      <view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" />
+      <view-mobile v-else />
+      <!--欢迎页-->
+      <welcome v-if="isMobile && welcomeInfo.imgState == 1" />
+    </template>
+  </div>
 </template>
 <script>
 import { getWatchLoginInfo } from '@/plugins/API/apiAll';
 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 {
   name: 'view-box',
   components: {
     encrypt,
     white,
+    welcome,
     viewPc,
     viewMobile,
     viewVertical
@@ -43,6 +49,7 @@ export default {
     ...mapGetters({
       encrypt: 'encrypt',
       white: 'white',
+      welcomeInfo: 'welcomeInfo',
       channelInfo: 'channelInfo',
       channelConfig: 'channelConfig',
       jumpUrls: 'jumpUrls'
@@ -95,5 +102,3 @@ export default {
   }
 };
 </script>
-
-<style lang="less" scoped></style>

components/view/mobile.vue

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

store/actions.js

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