Compare commits
2 Commits
c11364fa42
...
364a7e4e3e
Author | SHA1 | Date | |
---|---|---|---|
|
364a7e4e3e | ||
|
f1af717483 |
@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<!-- 通用页脚 -->
|
||||
<div class="custom-footer">
|
||||
<span>© 2025 FiEE, Inc. All Rights Reserved.</span>
|
||||
<div class="footer-links-box">
|
||||
<div class="footer-links">
|
||||
<span @click="handleLink('privacyPolicy')">Privacy Policy</span>
|
||||
@ -9,6 +8,7 @@
|
||||
<span @click="handleLink('siteMap')">Site Map</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">2025 FiEE, Inc. All Rights Reserved.</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -29,7 +29,7 @@ const handleLink = (link) => {
|
||||
// } else if (link === "siteMap") {
|
||||
// window.open(siteMap, "_blank");
|
||||
// }
|
||||
router.push(link)
|
||||
router.push(link);
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -50,14 +50,13 @@ const handleLink = (link) => {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0.6rem 0 0;
|
||||
|
||||
.footer-links {
|
||||
span {
|
||||
border-right: 1px solid #d2d2d7;
|
||||
padding: 0 0.8rem;
|
||||
padding: 0 16 * 5.12px;
|
||||
cursor: pointer;
|
||||
font-size: 0.75rem;
|
||||
font-size: 14 * 5.12px;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
@ -66,5 +65,11 @@ const handleLink = (link) => {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-copyright {
|
||||
margin-top: 12 * 5.12px;
|
||||
font-size: 14 * 5.12px;
|
||||
color: 455363;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -498,7 +498,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 0.03em;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
padding: 0 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
@ -496,7 +496,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 3%;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
padding: 0 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -493,7 +493,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 0.03em;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 16 * 2.5px;
|
||||
padding: 0 16 * 2.5px;
|
||||
margin-top: 8 * 2.5px;
|
||||
}
|
||||
|
||||
|
@ -1,24 +1,21 @@
|
||||
<script setup>
|
||||
import size375 from '@/views/index/size375/index.vue'
|
||||
import size768 from '@/views/index/size1920/index.vue'
|
||||
import size1440 from '@/views/index/size1920/index.vue'
|
||||
import size1920 from '@/views/index/size1920/index.vue'
|
||||
import { computed } from 'vue'
|
||||
import { useWindowSize } from '@vueuse/core'
|
||||
import size1920 from "@/views/index/size1920/index.vue";
|
||||
import { computed } from "vue";
|
||||
import { useWindowSize } from "@vueuse/core";
|
||||
|
||||
const { width } = useWindowSize()
|
||||
const { width } = useWindowSize();
|
||||
const viewComponent = computed(() => {
|
||||
const viewWidth = width.value
|
||||
if (viewWidth <= 450) {
|
||||
return size375
|
||||
} else if (viewWidth <= 1100) {
|
||||
return size768
|
||||
} else if (viewWidth <= 1500) {
|
||||
return size1440
|
||||
} else if (viewWidth <= 1920 || viewWidth > 1920) {
|
||||
return size1920
|
||||
}
|
||||
})
|
||||
// const viewWidth = width.value
|
||||
// if (viewWidth <= 450) {
|
||||
// return size375
|
||||
// } else if (viewWidth <= 1100) {
|
||||
// return size768
|
||||
// } else if (viewWidth <= 1500) {
|
||||
// return size1440
|
||||
// } else if (viewWidth <= 1920 || viewWidth > 1920) {
|
||||
return size1920;
|
||||
// }
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
@ -1,21 +0,0 @@
|
||||
<script setup>
|
||||
import customHeader from "@/components/customHeader/index.vue";
|
||||
import customFooter from "@/components/customFooter/index.vue";
|
||||
import { NScrollbar } from "naive-ui";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex flex-col h-100svh">
|
||||
<customHeader />
|
||||
<n-scrollbar
|
||||
class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1"
|
||||
>
|
||||
<div>
|
||||
<router-view />
|
||||
</div>
|
||||
</n-scrollbar>
|
||||
<customFooter />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss"></style>
|
@ -619,7 +619,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 0.03em;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 21px;
|
||||
padding: 0 21px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
@ -615,7 +615,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 3%;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 17px;
|
||||
padding: 0 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
@ -616,7 +616,7 @@ const handleClickOutside = (event) => {
|
||||
letter-spacing: 0.48 * 2.5px;
|
||||
color: #455363;
|
||||
margin: 0;
|
||||
padding-left: 17 * 2.5px;
|
||||
padding: 0 16 * 2.5px;
|
||||
margin-top: 8 * 2.5px;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user