优化移动端头部和底部样式,移除固定定位,调整主容器样式以改善布局和响应式设计。

This commit is contained in:
Phoenix 2025-05-23 14:13:55 +08:00
parent c919b78f9c
commit 5a9711a936
4 changed files with 3 additions and 4 deletions

View File

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

View File

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

View File

@ -7,7 +7,7 @@ function copyEmail() {
<template>
<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 bg-[url('@/assets/image/bg-mobile.png')]">
<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">
<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>
<div class="text-lg font-semibold text-gray-800 animate-fade-in-down animate-delay-200">FiEE Inc.</div>

View File

@ -13,7 +13,7 @@ import customFooter from '@/components/customFooter/index.vue'
<!-- <main ref="main"></main> -->
<div class="flex flex-col h-screen">
<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 />
</div>
<customFooter />