feat: award页面

src/views/AwardPage/container.vue

@@ -0,0 +1,93 @@
+<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>