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-06 20:44:56 +08:00
parent 268749f1ac
commit d788c71456
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Homepage.vue
View File

@ -4,10 +4,16 @@ import Partners from './Tools/Partners.vue'
</script> </script>
<template> <template>
<div id="homepageroot" class="pageroot"> <div id="homepageroot" class="pageroot">
<div id="homepageroot" style="width: 100%;height: auto"> <div id="homepagebanner" style="width: 100%;height: auto;background-color: black; position: relative">
<video muted autoplay="autoplay" loop="loop" style="width: 100%;"> <video muted autoplay="autoplay" loop="loop" style="width: 100%;z-index: 0;">
<source src="/April29th_batch.mp4" type="video/mp4"> <source src="/April29th_batch.mp4" type="video/mp4"></source>
</video> </video>
<div id="hpbanner">
<div class="bannercontent">
<span class="banner1">为用户创造美好体验<br /></span>
<span class="banner2">驱动商业可持续增长</span>
</div>
</div>
</div> </div>
<div id="secondwhite" class="pageroot"> <div id="secondwhite" class="pageroot">
<div id="whiteK" class="normalcontentdiv"> <div id="whiteK" class="normalcontentdiv">
@ -127,13 +133,18 @@ export default {
@import "src/publicstyle.scss"; @import "src/publicstyle.scss";
#hpbanner{ #hpbanner{
@include media-breakpoint-between(xs, md) { position: absolute;
background-image: url('/HomepageRes/banner_wep.png'); top: 0;
} left: 0;
width: 100%;
@include media-breakpoint-up(md) { height: 100%;
background-image: url('/HomepageRes/banner.png'); margin-left: 0;
} margin-top: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
} }
#secondwhite #secondwhite