2025-11-26 08:51:13 +00:00
|
|
|
|
<template>
|
2025-11-27 10:11:14 +00:00
|
|
|
|
<view :class="theme_view + ' bg-0 flex-row'" :style="'width:' + windowWidth + 'px;height:' + windowHeight + 'px;'">
|
2025-11-26 08:51:13 +00:00
|
|
|
|
<view class="flex-1">
|
|
|
|
|
|
<live-video src="http://live-pull-all.shopxo.vip/68f764013572f9240ca7ce6c/shopxo122.m3u8"></live-video>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="live-content" :style="'width:' + windowWidth + 'px;height:' + windowHeight + 'px;'">
|
|
|
|
|
|
<live-content></live-content>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
2025-11-27 09:28:29 +00:00
|
|
|
|
import liveVideo from './components/video/video.vue';
|
|
|
|
|
|
import liveContent from './components/live-content/live-content.vue';
|
2025-11-27 10:11:14 +00:00
|
|
|
|
// 引入混入公共逻辑，避免nvue和vue使用同一套逻辑出现问题
|
|
|
|
|
|
import mixins from './mixins/mixins.js';
|
2025-11-26 08:51:13 +00:00
|
|
|
|
const app = getApp();
|
|
|
|
|
|
export default {
|
|
|
|
|
|
components: {
|
|
|
|
|
|
liveVideo,
|
|
|
|
|
|
liveContent
|
|
|
|
|
|
},
|
2025-11-27 10:11:14 +00:00
|
|
|
|
mixins: [mixins],
|
2025-11-26 08:51:13 +00:00
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
2025-11-27 10:11:14 +00:00
|
|
|
|
theme_view: app.globalData.get_theme_value_view(),
|
2025-11-26 08:51:13 +00:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
.live-content {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
