xingyy/heritage-hub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
张 元山 2024-02-01 09:29:53 +08:00
parent 267231ecfc
commit 9cdbc45a8c
5 changed files with 89 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/style.css
View File

@ -4,7 +4,7 @@
.fl-page-width {
max-width: 1200px;
margin: auto;
margin: 0 auto;
}
.flex {

2
src/views/about/supervisoryauthority.vue
View File

@ -7,7 +7,7 @@
style="margin-top:55px">
<img src="../../assets/images/about-supervisoryauthority.png"
style="width: calc(100% - 120px);">
style="width: 100%">
</div>
</div>
</div>

61
src/views/aboutpage.vue
View File

@ -9,17 +9,25 @@
<div class="col-6 row justify-around items-center">
<div class="cursor header-title">首页</div>
<div class="cursor header-title">导航</div>
<div class="cursor header-title">展览</div>
<div class="cursor header-title">典藏</div>
<div class="cursor header-title">资讯</div>
<div class="cursor header-title">文创</div>
<div class="cursor header-title">数字文脉</div>
<div class="cursor header-title">关于</div>
<div class="cursor header-title"
@click="handkeLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handkeLink('')">导航</div>
<div class="cursor header-title"
@click="handkeLink('')">展览</div>
<div class="cursor header-title"
@click="handkeLink('')">典藏</div>
<div class="cursor header-title"
@click="handkeLink('')">资讯</div>
<div class="cursor header-title"
@click="handkeLink('')">文创</div>
<div class="cursor header-title"
@click="handkeLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handkeLink('/about/statutes')">关于</div>
</div>
</div>
<div class="row ">
<div class="row fl-page-width">
<div class="color-white overflow-auto"
style="width:320px;background:rgba(0,0,0,0.8);font-size:20px">
<div style="height:50px"
@ -32,22 +40,31 @@
<div style="width:calc(100% - 320px)">
<router-view></router-view>
</div>
</div>
<div style="height:187px;background:#000;"
class="row justify-center color-white">
<div class="col-6 row justify-around fl-mt-lg">
<div class="cursor">首页</div>
<div class="cursor">导航</div>
<div class="cursor">展览</div>
<div class="cursor">典藏</div>
<div class="cursor">资讯</div>
<div class="cursor">文创</div>
<div class="cursor">数字文脉</div>
<div class="cursor">关于</div>
<div class="cursor"
@click="handkeLink('')">首页</div>
<div class="cursor"
@click="handkeLink('')">导航</div>
<div class="cursor"
@click="handkeLink('')">展览</div>
<div class="cursor"
@click="handkeLink('')">典藏</div>
<div class="cursor"
@click="handkeLink('')">资讯</div>
<div class="cursor"
@click="handkeLink('')">文创</div>
<div class="cursor"
@click="handkeLink('')">数字文脉</div>
<div class="cursor"
@click="handkeLink('')">关于</div>
</div>
</div>
</div>
</template>
<script setup>
@ -114,8 +131,12 @@ onBeforeMount(() => {
const handkeLink = (url) => {
router.push(url)
state.activePage = url;
if (url) {
router.push(url)
state.activePage = url;
} else {
router.push('/home/staytuned')
}
}
</script>

54
src/views/commonpage.vue
View File

@ -9,17 +9,25 @@
<div class="col-6 row justify-around items-center">
<div class="cursor header-title">首页</div>
<div class="cursor header-title">导航</div>
<div class="cursor header-title">展览</div>
<div class="cursor header-title">典藏</div>
<div class="cursor header-title">资讯</div>
<div class="cursor header-title">文创</div>
<div class="cursor header-title">数字文脉</div>
<div class="cursor header-title">关于</div>
<div class="cursor header-title"
@click="handkeLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handkeLink('')">导航</div>
<div class="cursor header-title"
@click="handkeLink('')">展览</div>
<div class="cursor header-title"
@click="handkeLink('')">典藏</div>
<div class="cursor header-title"
@click="handkeLink('')">资讯</div>
<div class="cursor header-title"
@click="handkeLink('')">文创</div>
<div class="cursor header-title"
@click="handkeLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handkeLink('/about/statutes')">关于</div>
</div>
</div>
<div>
<div class="fl-page-width">
<router-view></router-view>
</div>
@ -40,6 +48,34 @@
</template>
<script setup>
import {
ref,
reactive,
onBeforeMount,
getCurrentInstance,
watch,
nextTick,
} from "vue";
import { useRoute, useRouter } from 'vue-router';
const route = useRoute();
const router = useRouter();
const state = reactive({
activePage: '',
});
onBeforeMount(() => {
const currentPath = route.path;
state.activePage = currentPath;
})
const handkeLink = (url) => {
if (url) {
router.push(url)
state.activePage = url;
} else {
router.push('/home/staytuned')
}
}
</script>
<style scoped>

2
src/views/staytuned.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="about-page overflow-auto row justify-center"
style="padding: 41px">
<div style="background:rgb(84, 121, 111,0.1);color:#54796F;height:690px;width:1166px;font-weight:bold;font-size:20px"
<div style="background:rgb(84, 121, 111,0.1);color:#54796F;height:calc(100vh - 160px - 187px);width:1166px;font-weight:bold;font-size:20px"
class="row items-center justify-center">敬请期待</div>
</div>
</template>