This commit is contained in:
liwenhao 2025-05-23 14:42:14 +08:00
commit f197f8d5bd
6 changed files with 14 additions and 19 deletions

View File

@ -17,7 +17,6 @@
background: #f7f8fa; background: #f7f8fa;
letter-spacing: 5px; letter-spacing: 5px;
border-top: 5px solid #ececec; border-top: 5px solid #ececec;
position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 100; z-index: 100;

View File

@ -108,7 +108,7 @@ const handleToHome = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.custom-header { .custom-header {
position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;

View File

@ -6,10 +6,8 @@ function copyEmail() {
</script> </script>
<template> <template>
<header class="header-mobile">
<!-- 可根据需要添加移动端头部内容 --> <main ref="main" class="flex flex-col items-center from-primary to-accent w-[100vw] mt-8 animate-fade-in px-4 py-8 pt-500px">
</header>
<main ref="main" class="flex flex-col items-center from-primary to-accent w-[100vw] mt-8 animate-fade-in px-4 py-8 bg-[url('@/assets/image/bg-mobile.png')]">
<div class="w-full flex flex-col items-center gap-4 px-2"> <div class="w-full flex flex-col items-center gap-4 px-2">
<h1 class="text-2xl font-bold text-primary animate-fade-in-down animate-delay-0">Investor Contacts</h1> <h1 class="text-2xl font-bold text-primary animate-fade-in-down animate-delay-0">Investor Contacts</h1>
<div class="text-lg font-semibold text-gray-800 animate-fade-in-down animate-delay-200">FiEE Inc.</div> <div class="text-lg font-semibold text-gray-800 animate-fade-in-down animate-delay-200">FiEE Inc.</div>
@ -20,9 +18,7 @@ function copyEmail() {
</div> </div>
</div> </div>
</main> </main>
<footer class="footer-mobile">
<!-- 可根据需要添加移动端底部内容 -->
</footer>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@ -31,19 +31,19 @@ function handleSubmit(e) {
<form class="space-y-4" @submit="handleSubmit"> <form class="space-y-4" @submit="handleSubmit">
<div> <div>
<label class="block text-gray-700 font-semibold mb-1">* First Name</label> <label class="block text-gray-700 font-semibold mb-1">* First Name</label>
<input v-model="form.firstName" type="text" required class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" /> <input v-model="form.firstName" type="text" class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1">* Last Name</label> <label class="block text-gray-700 font-semibold mb-1">* Last Name</label>
<input v-model="form.lastName" type="text" required class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" /> <input v-model="form.lastName" type="text" class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1">* Email</label> <label class="block text-gray-700 font-semibold mb-1">* Email</label>
<input v-model="form.email" type="email" required class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" /> <input v-model="form.email" type="email" class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1">* Company</label> <label class="block text-gray-700 font-semibold mb-1">* Company</label>
<input v-model="form.company" type="text" required class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" /> <input v-model="form.company" type="text" class="w-full px-4 py-2 rounded-lg border border-gray-300 ring-2 ring-#8A5AFB/20) transition-all duration-300 outline-none bg-white/90" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1">Phone</label> <label class="block text-gray-700 font-semibold mb-1">Phone</label>
@ -64,7 +64,7 @@ function handleSubmit(e) {
<div><span class="font-semibold">Last Name</span>{{ form.lastName }}</div> <div><span class="font-semibold">Last Name</span>{{ form.lastName }}</div>
<div><span class="font-semibold">Email</span>{{ form.email }}</div> <div><span class="font-semibold">Email</span>{{ form.email }}</div>
<div><span class="font-semibold">Company</span>{{ form.company }}</div> <div><span class="font-semibold">Company</span>{{ form.company }}</div>
<div><span class="font-semibold">Phone</span>{{ form.phone || '(未填写)' }}</div> <div><span class="font-semibold">Phone</span>{{ form.phone || 'Not filled in' }}</div>
<div><span class="font-semibold">Alert Type</span>{{ form.alertType === 'all' ? 'All Alerts' : 'Customize Alerts' }}</div> <div><span class="font-semibold">Alert Type</span>{{ form.alertType === 'all' ? 'All Alerts' : 'Customize Alerts' }}</div>
</div> </div>
</div> </div>

View File

@ -27,19 +27,19 @@ function handleSubmit(e) {
<form class="flex flex-col gap-3" @submit="handleSubmit"> <form class="flex flex-col gap-3" @submit="handleSubmit">
<div> <div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* First Name</label> <label class="block text-gray-700 font-semibold mb-1 text-sm">* First Name</label>
<input v-model="form.firstName" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" /> <input v-model="form.firstName" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Last Name</label> <label class="block text-gray-700 font-semibold mb-1 text-sm">* Last Name</label>
<input v-model="form.lastName" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" /> <input v-model="form.lastName" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Email</label> <label class="block text-gray-700 font-semibold mb-1 text-sm">* Email</label>
<input v-model="form.email" type="email" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" /> <input v-model="form.email" type="email" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">* Company</label> <label class="block text-gray-700 font-semibold mb-1 text-sm">* Company</label>
<input v-model="form.company" type="text" required class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" /> <input v-model="form.company" type="text" class="w-full px-3 py-2 rounded-lg border border-gray-300 outline-none bg-white/90 text-sm" />
</div> </div>
<div> <div>
<label class="block text-gray-700 font-semibold mb-1 text-sm">Phone</label> <label class="block text-gray-700 font-semibold mb-1 text-sm">Phone</label>

View File

@ -13,7 +13,7 @@ import customFooter from '@/components/customFooter/index.vue'
<!-- <main ref="main"></main> --> <!-- <main ref="main"></main> -->
<div class="flex flex-col h-screen"> <div class="flex flex-col h-screen">
<customHeader /> <customHeader />
<div class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1" style="margin: 80px 0;"> <div class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto">
<router-view /> <router-view />
</div> </div>
<customFooter /> <customFooter />