张 元山 8 months ago
parent 9c741aa1ac
commit ebd85c9b4c

@ -182,8 +182,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -41,8 +41,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -26,8 +26,13 @@
<div class="row items-center fl-mt-lg">
<div class="col-2 font-blod font-16"
style="color:#195D4A">验证码</div>
<div class="col-10"
style=""><input class="styled-input"></div>
<div class="col-10 row justify-between">
<div class="col-9"
style=""><input class="styled-input"></div>
<div class="col-2"
style=""><input class="styled-input"></div>
</div>
</div>
</div>
<div class="col-12 row justify-center">
@ -111,14 +116,14 @@ onBeforeMount(() => {
})
const handkeLink = (url) => {
const handleLink = (url) => {
}
</script>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -625,8 +625,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -303,8 +303,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -155,8 +155,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -115,8 +115,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -25,8 +25,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -111,8 +111,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -628,8 +628,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -14,8 +14,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -41,8 +41,8 @@
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

@ -10,19 +10,19 @@
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handkeLink('/home/navigation')">首页</div>
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handkeLink('')">导航</div>
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handkeLink('')">展览</div>
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handkeLink('')">典藏</div>
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handkeLink('')">资讯</div>
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handkeLink('')">文创</div>
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handkeLink('')">数字文脉</div>
@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">
@ -30,14 +30,14 @@
style="padding: 4px 8px ">
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handkeLink('/about/statutes')">制度公开</div>
@click="handleLink('/about/statutes')">制度公开</div>
<div class="cursor"
style="padding: 8px;border-bottom:1px solid #fff "
@click="handkeLink('/common/interpretive')">讲解服务</div>
@click="handleLink('/common/interpretive')">讲解服务</div>
<div class="cursor"
style="padding: 8px "
@click="handkeLink('/common/audiencesurveys')">观众调查</div>
@click="handleLink('/common/audiencesurveys')">观众调查</div>
</div>
</div>
@ -47,12 +47,12 @@
</div>
<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">
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"
v-for="(item,index) in state.aboutPages"
:key="index"
@click="handkeLink(item.url)"
@click="handleLink(item.url)"
:class="state.activePage === item.url? 'active-about':''">{{item.title}}</div>
</div>
@ -61,28 +61,22 @@
</div>
</div>
<div style="height:187px;background:#000;"
<div style="height:145px;background:#000;"
class="row justify-center color-white">
<div class="col-6 row justify-around fl-mt-lg">
<div class="col-4 row justify-around "
style="margin-top:32px;max-width:300px">
<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 hover-dom"
@click="handkeLink('')">关于
<div class="hidden-dom row justify-center"
style="">2333</div>
</div>
@click="handleLink('')">帮助</div>
<div class="
cursor"
@click="handleLink('')">隐私</div>
<div class="
cursor"
@click="handleLink('')">条款</div>
<div class="
col-12
cursor
text-center">copyright 2024 最终所有权归延庆博物馆</div>
</div>
</div>
@ -151,7 +145,7 @@ onBeforeMount(() => {
})
const handkeLink = (url) => {
const handleLink = (url) => {
if (url) {
router.push(url)
state.activePage = url;

@ -10,38 +10,61 @@
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handkeLink('/home/navigation')">首页</div>
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handkeLink('')">导航</div>
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handkeLink('')">展览</div>
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handkeLink('')">典藏</div>
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handkeLink('')">资讯</div>
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handkeLink('')">文创</div>
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handkeLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handkeLink('/about/statutes')">关于</div>
@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"
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 style="height:187px;background:#000;"
<div style="height:145px;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="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="
cursor"
@click="handleLink('')">条款</div>
<div class="
col-12
cursor
text-center">copyright 2024 最终所有权归延庆博物馆</div>
</div>
</div>
</div>
@ -68,7 +91,7 @@ onBeforeMount(() => {
})
const handkeLink = (url) => {
const handleLink = (url) => {
if (url) {
router.push(url)
state.activePage = url;
@ -86,4 +109,16 @@ const handkeLink = (url) => {
.header-title:hover {
background: #3d8873;
}
.hover-dom:hover .hidden-dom {
display: block;
}
.hidden-dom {
display: none;
}
.secmenu {
width: 120px;
background: #343434;
border-radius: 10px;
}
</style>

@ -9,38 +9,61 @@
<div class="col-6 row justify-around items-center">
<div class="cursor header-title"
@click="handkeLink('/home/navigation')">首页</div>
@click="handleLink('/home/navigation')">首页</div>
<div class="cursor header-title"
@click="handkeLink('')">导航</div>
@click="handleLink('')">导航</div>
<div class="cursor header-title"
@click="handkeLink('')">展览</div>
@click="handleLink('')">展览</div>
<div class="cursor header-title"
@click="handkeLink('')">典藏</div>
@click="handleLink('')">典藏</div>
<div class="cursor header-title"
@click="handkeLink('')">资讯</div>
@click="handleLink('')">资讯</div>
<div class="cursor header-title"
@click="handkeLink('')">文创</div>
@click="handleLink('')">文创</div>
<div class="cursor header-title"
@click="handkeLink('')">数字文脉</div>
<div class="cursor header-title"
@click="handkeLink('/about/statutes')">关于</div>
@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"
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 style="height:187px;background:#000;"
<div style="height:145px;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="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="
cursor"
@click="handleLink('')">条款</div>
<div class="
col-12
cursor
text-center">copyright 2024 最终所有权归延庆博物馆</div>
</div>
</div>
</div>
@ -67,7 +90,7 @@ onBeforeMount(() => {
})
const handkeLink = (url) => {
const handleLink = (url) => {
if (url) {
router.push(url)
state.activePage = url;
@ -85,4 +108,16 @@ const handkeLink = (url) => {
.header-title:hover {
background: #3d8873;
}
.hover-dom:hover .hidden-dom {
display: block;
}
.hidden-dom {
display: none;
}
.secmenu {
width: 120px;
background: #343434;
border-radius: 10px;
}
</style>

@ -1,14 +1,14 @@
<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:calc(100vh - 160px - 187px);width:1166px;font-weight:bold;font-size:20px"
<div style="background:rgb(84, 121, 111,0.1);color:#54796F;height:calc(100vh - 160px - 145px);width:1166px;font-weight:bold;font-size:20px"
class="row items-center justify-center">敬请期待</div>
</div>
</template>
<style scoped>
.about-page {
max-height: calc(100vh - 160px - 187px);
min-height: calc(100vh - 160px - 187px);
max-height: calc(100vh - 160px - 145px);
min-height: calc(100vh - 160px - 145px);
overflow: auto;
background: url("../../assets/images/about-bg.png");
}

Loading…
Cancel
Save