p28943065
/
competition-kc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

try

This commit is contained in:
zxzz 2024-03-21 23:00:54 +08:00
parent 316b841b82
commit 68931321e2
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.vue
View File

@ -23,7 +23,6 @@ export default {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: center; text-align: center;
color: #2c3e50; color: #2c3e50;
/* margin-top: 60px; */
} }
html, body { html, body {
margin: 0; margin: 0;

18
src/components/HomePage.vue
View File

@ -2,11 +2,20 @@
<div class="home-page"> <div class="home-page">
<!-- Banner Section --> <!-- Banner Section -->
<div class="banner-section"> <div class="banner-section">
<!-- 菜单栏 -->
<div class="menu-box">
<div class="osredm-logo"></div>
<div class="go-sy"></div>
<div class="go-kyxm"></div>
<div class="go-ckkj"></div>
</div>
<!-- 图标&标题 -->
<div class="logo-and-title"> <div class="logo-and-title">
<img class="banner-logo" src="../assets/kc-logo.png" /> <img class="banner-logo" src="../assets/kc-logo.png" />
<div class="banner-blank"></div> <div class="banner-blank"></div>
<img class="banner-title" src="../assets/kc-title.png" /> <img class="banner-title" src="../assets/kc-title.png" />
</div> </div>
<!-- 下载按钮 -->
<div class="download-button">宣传视频下载</div> <div class="download-button">宣传视频下载</div>
</div> </div>
@ -60,6 +69,15 @@ export default {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
.menu-box {
width: 500px;
height: 60px;
background-color: aquamarine;
position: absolute;
top: 50px;
left: 90px;
}
.logo-and-title { .logo-and-title {
width: 1300px; width: 1300px;
height: auto; height: auto;