diff --git a/src/App.vue b/src/App.vue index 1ce3d3e..d177a78 100644 --- a/src/App.vue +++ b/src/App.vue @@ -46,7 +46,7 @@ onMounted(() => { }); }); onUnmounted(() => { - sideBarStore.stopUnreadInfoPolling(); + sidebarStore.stopUnreadInfoPolling(); }); diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss index 01e8a64..4b73d14 100644 --- a/src/views/creative-generation-workshop/explore/detail/style.scss +++ b/src/views/creative-generation-workshop/explore/detail/style.scss @@ -63,8 +63,9 @@ } .main-video-box { width: 320px; - height: auto; - background: #fff; + height: 472px; + background: #333; + aspect-ratio: 3 / 4; } .main-img-box { width: 347px; diff --git a/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss index f3fe2c6..c52763f 100644 --- a/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss +++ b/src/views/creative-generation-workshop/manuscript-writer/detail/style.scss @@ -15,8 +15,9 @@ $footer-height: 68px; } .main-video-box { width: 320px; - height: auto; - background: #fff; + height: 472px; + background: #333; + aspect-ratio: 3 / 4; } .main-img-box { width: 320px; diff --git a/src/views/creative-generation-workshop/manuscript/detail/style.scss b/src/views/creative-generation-workshop/manuscript/detail/style.scss index f3fe2c6..c52763f 100644 --- a/src/views/creative-generation-workshop/manuscript/detail/style.scss +++ b/src/views/creative-generation-workshop/manuscript/detail/style.scss @@ -15,8 +15,9 @@ $footer-height: 68px; } .main-video-box { width: 320px; - height: auto; - background: #fff; + height: 472px; + background: #333; + aspect-ratio: 3 / 4; } .main-img-box { width: 320px;