Skip to content

broadcast_cloud / web-live

Go to a project
Commit 8a040180 by xiawei
Options

竖屏直播-欢迎页

parent 722fdda8
Showing with 36 additions and 40 deletions
components/view/index.vue
<template> <template>
<!--加密直播--> <div style="height: 100%">
<transition name="fade" v-if="encrypt"> <!--加密直播-->
<encrypt /> <transition name="fade" v-if="encrypt">
</transition> <encrypt />
<!-- 白名单观看 --> </transition>
<transition name="fade" v-else-if="white"> <!-- 白名单观看 -->
<white /> <transition name="fade" v-else-if="white">
</transition> <white />
<transition v-else> </transition>
<view-pc v-if="!isMobile" /> <template v-else>
<view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" /> <view-pc v-if="!isMobile" />
<view-mobile v-else /> <view-vertical v-else-if="channelInfo.screenDirection === 'vertical'" />
</transition> <view-mobile v-else />
<!--欢迎页-->
<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); import encrypt from '@/components/encrypt/index';
const white = resolve => require(['@/components/white/index'], resolve); import white from '@/components/white/index';
const viewPc = resolve => require(['./pc'], resolve); import welcome from '@/components/welcome/index';
const viewMobile = resolve => require(['./mobile'], resolve); import viewPc from './pc';
const viewVertical = resolve => require(['./vertical'], resolve); 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 { ...@@ -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 { ...@@ -95,5 +102,3 @@ export default {
} }
}; };
</script> </script>
<style lang="less" scoped></style>
components/view/mobile.vue
...@@ -32,8 +32,6 @@ ...@@ -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'; ...@@ -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 { ...@@ -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 { ...@@ -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,21 +22,17 @@ const actions = { ...@@ -22,21 +22,17 @@ const actions = {
return false; return false;
} }
commit('set_channelInfo', res.data); commit('set_channelInfo', res.data);
if (res.data.screenDirection === 'vertical') { const advertText = {
await Promise.all([dispatch('get_menuList'), dispatch('get_channelConfig')]); status: 1,
} else { words: res.data.advertWords,
const advertText = { link: res.data.advertWordsLink
status: 1, };
words: res.data.advertWords, commit('set_advertText', advertText);
link: res.data.advertWordsLink await Promise.all([
}; dispatch('get_welcomeInfo'),
commit('set_advertText', advertText); dispatch('get_menuList'),
await Promise.all([ dispatch('get_channelConfig')
dispatch('get_welcomeInfo'), ]);
dispatch('get_menuList'),
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 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment