优化移动端头部和底部样式,移除固定定位,调整主容器样式以改善布局和响应式设计。
This commit is contained in:
parent
c919b78f9c
commit
5a9711a936
@ -17,7 +17,6 @@
|
||||
background: #f7f8fa;
|
||||
letter-spacing: 5px;
|
||||
border-top: 5px solid #ececec;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
|
@ -108,7 +108,7 @@ const handleToHome = () => {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.custom-header {
|
||||
position: fixed;
|
||||
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
@ -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>
|
||||
|
@ -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 />
|
||||
|
Loading…
Reference in New Issue
Block a user