94 lines
2.3 KiB
Vue
94 lines
2.3 KiB
Vue
<template>
|
|
<div class="award-container">
|
|
<div class="header flex align-center space-between">
|
|
<div class="header-left">
|
|
<img src="@/assets/images/award/code_create_logo.png" class="logo" />
|
|
</div>
|
|
<div class="header-right flex align-center">
|
|
<div class="text">Submit your Application</div>
|
|
<img src="@/assets/images/award/arrow.png" alt="" class="arrow" />
|
|
</div>
|
|
</div>
|
|
<RouterView />
|
|
<div class="footer flex space-between align-center">
|
|
<div class="social-list flex">
|
|
<a href="https://xhslink.com/m/5Ony2FapizV" target="_blank">
|
|
<img src="@/assets/images/award/xiaohongshu.svg" alt="" />
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/code-create-limited" target="_blank">
|
|
<img src="@/assets/images/award/linkdin.svg" alt="" />
|
|
</a>
|
|
<a href="https://www.facebook.com/CodeCreateAI" target="_blank">
|
|
<img src="@/assets/images/award/facebook.svg" alt="" />
|
|
</a>
|
|
<a href="https://www.tiktok.com/@aida_codecreate" target="_blank">
|
|
<img src="@/assets/images/award/tiktok.svg" alt="" />
|
|
</a>
|
|
<a href="https://www.tiktok.com/@aida_codecreate" target="_blank">
|
|
<img src="@/assets/images/award/weichat.svg" alt="" />
|
|
</a>
|
|
</div>
|
|
<div class="copyright">© Code-Create 2026</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts"></script>
|
|
|
|
<style lang="less" scoped>
|
|
.award-container {
|
|
overflow: auto;
|
|
height: 100vh;
|
|
// 隐藏滚动条箭头，只显示滚动条本体
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
}
|
|
.header {
|
|
height: 8rem;
|
|
background-color: #232323;
|
|
padding-left: 21.5rem;
|
|
padding-right: 8.6rem;
|
|
.header-left {
|
|
.logo {
|
|
width: 13rem;
|
|
height: 5rem;
|
|
}
|
|
}
|
|
.header-right {
|
|
column-gap: 1rem;
|
|
.text {
|
|
font-size: 1.6rem;
|
|
color: #fff;
|
|
}
|
|
.arrow {
|
|
width: 2.4rem;
|
|
height: 2.4rem;
|
|
}
|
|
}
|
|
}
|
|
.footer {
|
|
height: 10rem;
|
|
padding-left: 21.5rem;
|
|
padding-right: 22rem;
|
|
background-color: #232323;
|
|
.social-list {
|
|
column-gap: 2rem;
|
|
img {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
}
|
|
.copyright {
|
|
color: #fff;
|
|
font-family: 'Arial';
|
|
font-weight: 400;
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
</style>
|