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

Compare commits

base: xingyy:a568b3085a8a967b9d35dafe2a37019b4f20584b
Branches Tags
xingyy:master
..
compare: xingyy:81d2d574ed45a8e3d66fa8c858a35f4e83a997fd
Branches Tags
xingyy:master

No commits in common. "a568b3085a8a967b9d35dafe2a37019b4f20584b" and "81d2d574ed45a8e3d66fa8c858a35f4e83a997fd" have entirely different histories.
a568b3085a ... 81d2d574ed

16 changed files with 205 additions and 467 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/images/icon-verify.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 30 KiB

38
src/views/about/academiccommittee.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">延庆博物馆学术委员会章程</span>
</p>
@ -180,31 +181,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
}
</style>
</style>

33
src/views/about/annualworkplan.vue
View File

@ -49,31 +49,10 @@ const handleOpen = (url) => {
</script>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
}
</style>
</style>

44
src/views/about/audiencesurveys.vue
View File

@ -20,16 +20,18 @@
<div class="row items-center fl-mt-lg">
<div class="col-2 font-blod font-16"
style="color:#195D4A">邮箱</div>
<div class="col-10"><input class="styled-input"></div>
<div class="col-10"
style=""><input class="styled-input"></div>
</div>
<div class="row items-center fl-mt-lg">
<div class="col-2 font-blod font-16"
style="color:#195D4A">验证码</div>
<div class="col-10 row justify-between">
<div class="col-10"><input class="styled-input"></div>
<div><img src="../../assets/images/icon-verify.png"
style="width:105px" /></div>
<div class="col-9"
style=""><input class="styled-input"></div>
<div class="col-2"
style=""><input class="styled-input"></div>
</div>
</div>
</div>
@ -113,35 +115,17 @@ const handleLink = (url) => {
}
</script>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
.input-container {
position: relative;
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
}
.styled-input {
width: 100%;
box-sizing: border-box;

42
src/views/about/council.vue
View File

@ -1,12 +1,19 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">延庆区博物馆理事会章程</span>
</p>
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700"><br /></span>
</p>
<p style="font-size: 16px; text-align: center">
<span style="font-weight: 400">（草案）</span>
</p>
<p style="font-size: 16px; text-align: center">
<span style="font-weight: 400"><br /></span>
</p>
<p style="font-size: 16px; text-align: center">
<span style="font-weight: 700">目 录</span>
</p>
@ -617,31 +624,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

36
src/views/about/developmentplanning.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">北京市延庆区博物馆（北京市延庆区文物管理所）</span>
</p>
@ -301,31 +302,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

45
src/views/about/friendsofthemuseum.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div class="text">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">延庆区博物馆“博物馆之友”章程（试行）</span>
</p>
@ -94,9 +95,6 @@
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 400">4、协助博物馆组织临时展览、征集文物、教育活动、文博研讨等工作。</span>
</p>
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 400"><br /></span>
</p>
<p style="font-size: 13px; text-align: center">
<span style="font-weight: 700">第四章 会员管理</span>
</p>
@ -131,15 +129,15 @@
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 700">第十条 </span><span style="font-weight: 400">会员资格有效期为一年，从获得会员资格日起算。有效期满则需提出申请，经审核通过后可延续。</span>
</p>
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 400"><br /></span>
</p>
<p style="font-size: 13px; text-align: center">
<span style="font-weight: 700">第五章 附则</span>
</p>
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 700">第十一条 </span><span style="font-weight: 400">延庆区博物馆拥有对“延庆区博物馆之友”的最终解释权。</span>
</p>
<p style="font-size: 13px; text-align: left">
<span style="font-weight: 400">　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　</span>
</p>
<p style="font-size: 13px; text-align: right">
<span style="font-weight: 400"> </span>
</p>
@ -157,31 +155,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

31
src/views/about/interpretive.vue
View File

@ -114,31 +114,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

37
src/views/about/seniormanagement.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">延庆博物馆高级管理人员信息公示</span>
</p>
@ -23,32 +24,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
height: 100%;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

36
src/views/about/socialdonation.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 20px; text-align: center">
<span style="font-weight: 700">延庆区博物馆接受社会捐赠管理制度</span>
</p>
@ -109,31 +110,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

36
src/views/about/statutes.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="padding: 40px 131px">
<p style="font-size: 16px; text-align: center">
<span style="font-weight: 700">延庆区博物馆理事会章程</span>
</p>
@ -626,31 +627,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

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

@ -1,6 +1,7 @@
<template>
<div class="about-page overflow-auto">
<div class="about-text">
<div class="about-page overflow-auto"
style="padding: 41px">
<div style="background:#fff;padding:60px">
<div style="font-weight:bold;font-size:20px">延庆区博物馆监事人员名单</div>
<div class=" "
style="margin-top:55px">
@ -12,32 +13,10 @@
</div>
</template>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
height: 100%;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

31
src/views/about/threeyeannrep.vue
View File

@ -48,31 +48,10 @@ const handleOpen = (url) => {
}
</script>
<style scoped>
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-page {
max-height: calc(100vh - 78px - 72px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 9px 14px;
}
.about-text {
padding: 16px 13px;
background: #fff;
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
padding: 41px;
}
.about-text {
padding: 40px 131px;
}
.about-page {
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}
</style>

38
src/views/aboutpage.vue
View File

@ -1,12 +1,13 @@
<template>
<div style="min-height:100vh"
class="100vw">
<div style="height:80px;background:#000;"
class="color-white row items-center">
<div class="col-3 col-md-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
<div class="col-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
style="width:40px;height:40px" /><span class="fl-ml-sm">延庆博物馆</span></div>
<div class="col-9 col-md-6 row justify-around items-center">
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handleLink('/home/navigation')">首页</div>
@ -45,24 +46,24 @@
</div>
</div>
<div class="row fl-page-width">
<div class="color-white overflow-auto about-menu"
style="background:rgba(0,0,0,0.8);">
<div class="color-white overflow-auto"
style="width:320px;background:rgba(0,0,0,0.8);font-size:20px;padding-top:41px">
<div style="height:50px"
class="cursor row items-center justify-center fl-px-sm"
class="cursor row items-center justify-center"
v-for="(item,index) in state.aboutPages"
:key="index"
@click="handleLink(item.url)"
:class="state.activePage === item.url? 'active-about':''">{{item.title}}</div>
</div>
<div class="about-router">
<div style="width:calc(100% - 320px)">
<router-view></router-view>
</div>
</div>
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-6 col-md-4 row justify-around "
<div class="col-4 row justify-around "
style="margin-top:32px;max-width:300px">
<div class="cursor"
@click="handleLink('')">帮助</div>
@ -179,27 +180,4 @@ const handleLink = (url) => {
background: #343434;
border-radius: 10px;
}
@media only screen and (max-width: 768px) {
/* 仅适用于屏幕宽度小于等于768px的设备（移动端） */
.about-menu {
width: 78px;
text-align: center;
font-size: 12px;
}
.about-router {
width: calc(100% - 78px);
}
}
@media only screen and (min-width: 769px) {
/* 仅适用于屏幕宽度大于等于769px的设备（PC端） */
.about-menu {
width: 320px;
padding-top: 41px;
}
.about-router {
width: calc(100% - 320px);
}
}
</style>

95
src/views/commonpage.vue
View File

@ -1,74 +1,73 @@
<template>
<div style="min-height:100vh"
class="100vw">
<div style="height:80px;background:#000;"
class="color-white row items-center">
<div class="col-3 col-md-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
<div class="col-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
style="width:40px;height:40px" /><span class="fl-ml-sm">延庆博物馆</span></div>
<div class="col-9 col-md-6 row justify-around items-center">
<div class="col-6 row justify-around items-center">
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handleLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handleLink('')">数字文脉</div>
<div class="cursor header-title hover-dom relative">关于
<div class="hidden-dom row justify-center"
style="position:absolute;top:20px;left:-38px;z-index:9999">
<div class="row justify-center secmenu fl-mt-lg"
style="padding: 4px 8px ">
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/about/statutes')">制度公开</div>
<div class="cursor header-title hover-dom relative">关于
<div class="hidden-dom row justify-center"
style="position:absolute;top:20px;left:-38px;z-index:9999">
<div class="row justify-center secmenu fl-mt-lg"
style="padding: 4px 8px ">
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/about/statutes')">制度公开</div>
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/common/interpretive')">讲解服务</div>
<div class="cursor"
style="padding: 8px "
@click="handleLink('/common/audiencesurveys')">观众调查</div>
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/common/interpretive')">讲解服务</div>
<div class="cursor"
style="padding: 8px "
@click="handleLink('/common/audiencesurveys')">观众调查</div>
</div>
</div>
</div>
</div>
</div>
<div class="fl-page-width">
<router-view></router-view>
</div>
</div>
<div class="fl-page-width">
<router-view></router-view>
</div>
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-6 col-md-4 row justify-around "
style="margin-top:32px;max-width:300px">
<div class="cursor"
@click="handleLink('')">帮助</div>
<div class="
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-4 row justify-around "
style="margin-top:32px;max-width:300px">
<div class="cursor"
@click="handleLink('')">帮助</div>
<div class="
cursor"
@click="handleLink('')">隐私</div>
<div class="
@click="handleLink('')">隐私</div>
<div class="
cursor"
@click="handleLink('')">条款</div>
<div class="
@click="handleLink('')">条款</div>
<div class="
col-12
cursor
text-center">copyright 2024 最终所有权归延庆博物馆</div>
</div>
</div>
</div>
</div>
</template>
<script setup>

93
src/views/homepage.vue
View File

@ -3,71 +3,70 @@
class="100vw">
<div style="height:80px;background:#000;"
class="color-white row items-center">
<div class="col-3 col-md-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
<div class="col-4 row items-center justify-center"><img src="../assets/images/icon-title.png"
style="width:40px;height:40px" /><span class="fl-ml-sm">延庆博物馆</span></div>
<div class="col-9 col-md-6 row justify-around items-center">
<div class="col-6 row justify-around items-center">
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handleLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handleLink('')">数字文脉</div>
<div class="cursor header-title hover-dom relative">关于
<div class="hidden-dom row justify-center"
style="position:absolute;top:20px;left:-38px;z-index:9999">
<div class="row justify-center secmenu fl-mt-lg"
style="padding: 4px 8px ">
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/about/statutes')">制度公开</div>
<div class="cursor header-title hover-dom relative">关于
<div class="hidden-dom row justify-center"
style="position:absolute;top:20px;left:-38px;z-index:9999">
<div class="row justify-center secmenu fl-mt-lg"
style="padding: 4px 8px ">
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/about/statutes')">制度公开</div>
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/common/interpretive')">讲解服务</div>
<div class="cursor"
style="padding: 8px "
@click="handleLink('/common/audiencesurveys')">观众调查</div>
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handleLink('/common/interpretive')">讲解服务</div>
<div class="cursor"
style="padding: 8px "
@click="handleLink('/common/audiencesurveys')">观众调查</div>
</div>
</div>
</div>
</div>
</div>
<div>
<router-view></router-view>
</div>
</div>
<div>
<router-view></router-view>
</div>
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-6 col-md-4 row justify-around "
style="margin-top:32px;max-width:300px">
<div class="cursor"
@click="handleLink('')">帮助</div>
<div class="
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-4 row justify-around "
style="margin-top:32px;max-width:300px">
<div class="cursor"
@click="handleLink('')">帮助</div>
<div class="
cursor"
@click="handleLink('')">隐私</div>
<div class="
@click="handleLink('')">隐私</div>
<div class="
cursor"
@click="handleLink('')">条款</div>
<div class="
@click="handleLink('')">条款</div>
<div class="
col-12
cursor
text-center">copyright 2024 最终所有权归延庆博物馆</div>
</div>
</div>
</div>
</div>
</template>
<script setup>