feat: 初始化CSS &输入框

2026-02-03 13:15:39 +08:00
parent 734c0129cd
commit 3d7cb5d5d4
10 changed files with 240 additions and 65 deletions
--- a/src/views/home/mainInput.vue
+++ b/src/views/home/mainInput.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="main-input-container flex-1">
+    <div class="slogan">
+      <p>Creating Things with <span class="fiDA">FiDA</span> that</p>
+      <p>Bloom Your Creativity</p>
+    </div>
+    <Input />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import Input from './components/Input.vue'
+</script>
+
+<style lang="less" scoped>
+.main-input-container {
+  padding-top: 20.2rem;
+  .slogan{
+    color: #000;
+    font-size: 6rem;
+    font-family: 'GeneralMedium';
+    font-weight: 500;
+    text-align: center;
+    margin-bottom: 5.6rem;
+    .fiDA{
+      font-family: 'GeneralBold';
+      font-weight: 600;
+    }
+  }
+}
+</style>