yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

根除行业案例视频无法播放问题，顺便让备案号最后加载。

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-24 01:48:31 +08:00
parent bd7a637133
commit 565549fd30
4 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.vue
View File

@ -17,15 +17,10 @@ router.isReady().then(() => {
<template>
<div id="contentPane">
<Toolbar></Toolbar>
<div v-if="$isMobile.android.phone||$isMobile.android.tablet" id="androidblackbar"></div>
<div v-if="$route.path === '/ContactUs'">
<router-view/>
<CopyrightIcp></CopyrightIcp>
<!-- 如果 ContactUs 页面也需要Footer并同样逻辑加载，则也加上 v-if -->
<!--
<div id="footer" v-if="isContentLoaded">
<Footer></Footer>
</div>
-->
<CopyrightIcp v-if="isContentLoaded"></CopyrightIcp>
</div>
<div v-else id="defaultcontainer">
<div id="content"><router-view/></div>
@ -33,7 +28,7 @@ router.isReady().then(() => {
<div id="footer" v-if="isContentLoaded">
<Footer></Footer>
</div>
<CopyrightIcp></CopyrightIcp>
<CopyrightIcp v-if="isContentLoaded"></CopyrightIcp>
</div>
</div>
</template>
@ -42,6 +37,15 @@ router.isReady().then(() => {
@import "node_modules/bootstrap/scss/_functions.scss";
@import "node_modules/bootstrap/scss/_variables.scss";
@import "node_modules/bootstrap/scss/_mixins.scss";
#androidblackbar{
background-color: black;
@include media-breakpoint-between(xs, md) {
height:70px;
}
@include media-breakpoint-up(md){
height: 95.17px;
}
}
#contentPane{
display: flex;

8
src/components/Aboutus.vue
View File

@ -7,10 +7,10 @@ const { breakpoint } = useBootstrapBreakpoint();
<template>
<div class="pageroot" id="aboutusroot">
<div id="aboutusbanner" class="videorootbanner">
<img v-if="$isMobile.android.phone||$isMobile.android.tablet"
src="/AboutusVideo.gif"
class="videoimg"/>
<video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
<!-- <img v-if="$isMobile.android.phone||$isMobile.android.tablet"-->
<!-- src="/AboutusVideo.gif"-->
<!-- class="videoimg"/>-->
<video v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
poster="/AboutusVideoPreload.png"
controls=""
id="abtbannervideo"

21
src/components/Examples.vue
View File

@ -1,19 +1,22 @@
<script setup>
import ExamplesContent from './ExamplesContent.vue';
import { useBootstrapBreakpoint } from './useBreakpoint.js'; // 假设 useBreakpoint.js 路径正确
const { breakpoint } = useBootstrapBreakpoint();
</script>
<template>
<div class="pageroot" id="examplesprocessroot">
<div id="examplebanner" class="videorootbanner">
<img v-if="$isMobile.android.phone||$isMobile.android.tablet"
src="/ExpVideoPreload.png"
class="videoimg"/>
<video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
poster="/bannervideopreload.png" controls="controls"
id="bannervideo" muted autoplay="autoplay" loop="loop"
playsinline webkit-playsinline
class="bannervideos"
x5-video-player-type="h5-page">
<!-- <img v-if="$isMobile.android.phone||$isMobile.android.tablet"-->
<!-- src="/ExpVideoPreload.png"-->
<!-- class="videoimg"/>-->
<video v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
poster="/ExpVideoPreload.png"
controls=""
id="expbannervideo"
muted autoplay="autoplay"
loop="loop" playsinline webkit-playsinline
class="bannervideos">
<source src="/ExpVideo.mp4" type="video/mp4"></source>
</video>
<video v-else

10
src/components/Homepage.vue
View File

@ -7,10 +7,10 @@ const { breakpoint } = useBootstrapBreakpoint();
<template>
<div id="homepageroot" class="pageroot">
<div id="homepagebanner" class="videorootbanner">
<img v-if="$isMobile.android.phone||$isMobile.android.tablet"
src="/bannervideopreload.png"
class="videoimg"/>
<video v-else-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
<!-- <img v-if="$isMobile.android.phone||$isMobile.android.tablet"-->
<!-- src="/bannervideopreload.png"-->
<!-- class="videoimg"/>-->
<video v-if="breakpoint==='xs'||breakpoint==='sm'||breakpoint==='md'"
poster="/bannervideopreload.png" controls=""
id="bannervideo" muted autoplay="autoplay" loop="loop"
playsinline webkit-playsinline
@ -284,12 +284,10 @@ export default {
}
@include media-breakpoint-between(xs, md) {
//margin-left: 32px;
width: 326px;
}
@include media-breakpoint-between(md, xl) {
//margin-left: 100px;
width: 326px;
}