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