aidlab/Code-Create
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面布局

Browse Source
This commit is contained in:
X1627315083@163.com
2026-06-05 15:25:35 +08:00
parent db607ded0d
commit 33f4e569b5
9 changed files with 24 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/help-centre/index.vue
View File

@@ -1,18 +1,10 @@
<script setup lang="ts">
import { computed } from 'vue'
import Title from './title.vue'
import Faq from './faq.vue'
import { useGlobalStore } from '@/stores/global'
const globalStore = useGlobalStore()
const windowWidth = computed(() => globalStore.state.windowWidth)
defineExpose({})
</script>
<template>
<div class="about-us">
<div class="bg" v-show="windowWidth > 1000">
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/helpcentre_banner-1.jpg" alt="">
</div>
<Title />
<Faq />
</div>
@@ -22,14 +14,5 @@ defineExpose({})
width: 100%;
height: 100%;
position: relative;
> .bg{
width: 100%;
position: fixed;
z-index: -1;
top: 0;
> img{
width: 100%;
}
}
}
</style>

14
src/pages/help-centre/title.vue
View File

@@ -1,8 +1,4 @@
<script setup lang="ts">
import { computed } from 'vue'
import { useGlobalStore } from '@/stores/global'
const globalStore = useGlobalStore()
const windowWidth = computed(() => globalStore.state.windowWidth)
defineExpose({})
</script>
<template>
@@ -10,7 +6,6 @@ defineExpose({})
<div class="content">
<div class="text">
<h1>{{ $t('helpCentre.Title') }}</h1>
<img v-show="windowWidth < 1000" src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/helpcentre_banner-1.jpg" alt="">
</div>
</div>
</section>
@@ -18,6 +13,15 @@ defineExpose({})
<style lang="less" scoped>
.title-section{
width: 100%;
background-color: #000000;
background-image: url(https://s3.ap-east-1.amazonaws.com/code-create.com.hk//2022/11/helpcentre_banner-1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: auto;
background-attachment: fixed;
@media (max-width: 1000px) {
background-attachment: scroll;
}
> .content{
max-width: 1400px;
margin: 0 auto;