refactor(app): 优化代码结构和开发配置
- 移除了 LiveRoom 组件中的冗余控制台日志输出 -调整了 LiveRoom 组件的样式,使其占据剩余空间 - 隐藏了 Prism Player 的控制条 - 简化了 nuxt.config.js 中的导入语句 - 在 package.json 中添加了新的开发和构建脚本
This commit is contained in:
parent
512a1a58ce
commit
f5746e695b
@ -7,15 +7,10 @@ import lockdfd from '@/static/images/lockdfd@2x.png';
|
|||||||
const player = ref(null);
|
const player = ref(null);
|
||||||
const quoteStatus = ref(false);
|
const quoteStatus = ref(false);
|
||||||
const config = useRuntimeConfig()
|
const config = useRuntimeConfig()
|
||||||
|
console.log('config',config)
|
||||||
// 使用环境变量
|
|
||||||
console.log('API Base:', config.public.apiBase)
|
|
||||||
console.log('WebSocket URL:', config.public.wsUrl)
|
|
||||||
console.log('Player Source:', config.public.PLAYER_SOURCE)
|
|
||||||
const changeStatus = () => {
|
const changeStatus = () => {
|
||||||
console.log('quoteStatus before:', quoteStatus.value);
|
|
||||||
quoteStatus.value = !quoteStatus.value;
|
quoteStatus.value = !quoteStatus.value;
|
||||||
console.log('quoteStatus after:', quoteStatus.value);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@ -43,7 +38,7 @@ onBeforeUnmount(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="relative">
|
<div class="relative flex-grow-1">
|
||||||
<div id="J_prismPlayer" style="width: 100vw;height: 90vh"></div>
|
<div id="J_prismPlayer" style="width: 100vw;height: 90vh"></div>
|
||||||
<div class="absolute bg-#fff w-60px top-196px right-0 z-999 rounded-l-4px">
|
<div class="absolute bg-#fff w-60px top-196px right-0 z-999 rounded-l-4px">
|
||||||
<div class="w-full h-60px text-#7D7D7F text-12px flex flex-col justify-center items-center border-b-1px border-b-#D3D3D3">
|
<div class="w-full h-60px text-#7D7D7F text-12px flex flex-col justify-center items-center border-b-1px border-b-#D3D3D3">
|
||||||
@ -92,4 +87,7 @@ video {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
:deep(.prism-controlbar){
|
||||||
|
display: none!important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -1,8 +1,6 @@
|
|||||||
import process from 'node:process'
|
import process from 'node:process'
|
||||||
import { appDescription } from './app/constants/index'
|
|
||||||
import preload from './app/utils/preload'
|
import preload from './app/utils/preload'
|
||||||
import { currentLocales } from './i18n/i18n'
|
import { currentLocales } from './i18n/i18n'
|
||||||
|
|
||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
|
|
||||||
hooks: {
|
hooks: {
|
||||||
|
@ -5,7 +5,10 @@
|
|||||||
"packageManager": "pnpm@9.15.1",
|
"packageManager": "pnpm@9.15.1",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "nuxt build",
|
"build": "nuxt build",
|
||||||
"dev": "nuxt dev",
|
"dev": "nuxt dev --mode test",
|
||||||
|
"dev:prod": "nuxt dev --mode prod",
|
||||||
|
"build:test": "nuxt build --mode test",
|
||||||
|
"build:prod": "nuxt build --mode prod",
|
||||||
"generate": "nuxt generate",
|
"generate": "nuxt generate",
|
||||||
"preview": "nuxt preview",
|
"preview": "nuxt preview",
|
||||||
"postinstall": "nuxt prepare",
|
"postinstall": "nuxt prepare",
|
||||||
|
Loading…
Reference in New Issue
Block a user