Compare commits
3 Commits
528fe28ffc
...
9e24153eac
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e24153eac | |||
| dccb358d4f | |||
| 188b73a551 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1 +1,2 @@
|
|||||||
/.nuxt/
|
/.nuxt/
|
||||||
|
/node_modules/
|
||||||
|
|||||||
10
.idea/UniappTool.xml
generated
Normal file
10
.idea/UniappTool.xml
generated
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="cn.fjdmy.uniapp.UniappProjectDataService">
|
||||||
|
<option name="generalBasePath" value="$PROJECT_DIR$" />
|
||||||
|
<option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
|
||||||
|
<option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
|
||||||
|
<option name="scanNum" value="1" />
|
||||||
|
<option name="type" value="store" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
125
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
125
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
@@ -0,0 +1,125 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<profile version="1.0">
|
||||||
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
|
||||||
|
<option name="myValues">
|
||||||
|
<value>
|
||||||
|
<list size="2">
|
||||||
|
<item index="0" class="java.lang.String" itemvalue="class" />
|
||||||
|
<item index="1" class="java.lang.String" itemvalue="style" />
|
||||||
|
</list>
|
||||||
|
</value>
|
||||||
|
</option>
|
||||||
|
<option name="myCustomValuesEnabled" value="true" />
|
||||||
|
</inspection_tool>
|
||||||
|
<inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
|
||||||
|
<option name="myValues">
|
||||||
|
<value>
|
||||||
|
<list size="100">
|
||||||
|
<item index="0" class="java.lang.String" itemvalue="nobr" />
|
||||||
|
<item index="1" class="java.lang.String" itemvalue="noembed" />
|
||||||
|
<item index="2" class="java.lang.String" itemvalue="comment" />
|
||||||
|
<item index="3" class="java.lang.String" itemvalue="noscript" />
|
||||||
|
<item index="4" class="java.lang.String" itemvalue="embed" />
|
||||||
|
<item index="5" class="java.lang.String" itemvalue="script" />
|
||||||
|
<item index="6" class="java.lang.String" itemvalue="el-form" />
|
||||||
|
<item index="7" class="java.lang.String" itemvalue="el-input" />
|
||||||
|
<item index="8" class="java.lang.String" itemvalue="el-form-item" />
|
||||||
|
<item index="9" class="java.lang.String" itemvalue="el-button" />
|
||||||
|
<item index="10" class="java.lang.String" itemvalue="el-container" />
|
||||||
|
<item index="11" class="java.lang.String" itemvalue="el-header" />
|
||||||
|
<item index="12" class="java.lang.String" itemvalue="el-menu" />
|
||||||
|
<item index="13" class="java.lang.String" itemvalue="el-menu-item" />
|
||||||
|
<item index="14" class="java.lang.String" itemvalue="el-submenu" />
|
||||||
|
<item index="15" class="java.lang.String" itemvalue="el-breadcrumb" />
|
||||||
|
<item index="16" class="java.lang.String" itemvalue="el-breadcrumb-item" />
|
||||||
|
<item index="17" class="java.lang.String" itemvalue="el-dialog" />
|
||||||
|
<item index="18" class="java.lang.String" itemvalue="el-row" />
|
||||||
|
<item index="19" class="java.lang.String" itemvalue="el-col" />
|
||||||
|
<item index="20" class="java.lang.String" itemvalue="el-table-column" />
|
||||||
|
<item index="21" class="java.lang.String" itemvalue="el-table" />
|
||||||
|
<item index="22" class="java.lang.String" itemvalue="el-pagination" />
|
||||||
|
<item index="23" class="java.lang.String" itemvalue="el-upload" />
|
||||||
|
<item index="24" class="java.lang.String" itemvalue="el-select" />
|
||||||
|
<item index="25" class="java.lang.String" itemvalue="el-option" />
|
||||||
|
<item index="26" class="java.lang.String" itemvalue="el-date-picker" />
|
||||||
|
<item index="27" class="java.lang.String" itemvalue="el-switch" />
|
||||||
|
<item index="28" class="java.lang.String" itemvalue="u-swiper" />
|
||||||
|
<item index="29" class="java.lang.String" itemvalue="u-image" />
|
||||||
|
<item index="30" class="java.lang.String" itemvalue="u-button" />
|
||||||
|
<item index="31" class="java.lang.String" itemvalue="web-view" />
|
||||||
|
<item index="32" class="java.lang.String" itemvalue="u-avatar" />
|
||||||
|
<item index="33" class="java.lang.String" itemvalue="u-text" />
|
||||||
|
<item index="34" class="java.lang.String" itemvalue="u-grid" />
|
||||||
|
<item index="35" class="java.lang.String" itemvalue="u-grid-item" />
|
||||||
|
<item index="36" class="java.lang.String" itemvalue="u-icon" />
|
||||||
|
<item index="37" class="java.lang.String" itemvalue="u-cell-group" />
|
||||||
|
<item index="38" class="java.lang.String" itemvalue="u-cell" />
|
||||||
|
<item index="39" class="java.lang.String" itemvalue="u-tabs" />
|
||||||
|
<item index="40" class="java.lang.String" itemvalue="u-gap" />
|
||||||
|
<item index="41" class="java.lang.String" itemvalue="scroll-view" />
|
||||||
|
<item index="42" class="java.lang.String" itemvalue="u-toast" />
|
||||||
|
<item index="43" class="java.lang.String" itemvalue="u-subsection" />
|
||||||
|
<item index="44" class="java.lang.String" itemvalue="u-empty" />
|
||||||
|
<item index="45" class="java.lang.String" itemvalue="u-popup" />
|
||||||
|
<item index="46" class="java.lang.String" itemvalue="uqrcode" />
|
||||||
|
<item index="47" class="java.lang.String" itemvalue="temlate" />
|
||||||
|
<item index="48" class="java.lang.String" itemvalue="el-tree" />
|
||||||
|
<item index="49" class="java.lang.String" itemvalue="el-card" />
|
||||||
|
<item index="50" class="java.lang.String" itemvalue="el-tag" />
|
||||||
|
<item index="51" class="java.lang.String" itemvalue="u-modal" />
|
||||||
|
<item index="52" class="java.lang.String" itemvalue="rich-text" />
|
||||||
|
<item index="53" class="java.lang.String" itemvalue="u--text" />
|
||||||
|
<item index="54" class="java.lang.String" itemvalue="u-line-progress" />
|
||||||
|
<item index="55" class="java.lang.String" itemvalue="u--image" />
|
||||||
|
<item index="56" class="java.lang.String" itemvalue="page" />
|
||||||
|
<item index="57" class="java.lang.String" itemvalue="el-aside" />
|
||||||
|
<item index="58" class="java.lang.String" itemvalue="house" />
|
||||||
|
<item index="59" class="java.lang.String" itemvalue="el-dropdown" />
|
||||||
|
<item index="60" class="java.lang.String" itemvalue="arrowdown" />
|
||||||
|
<item index="61" class="java.lang.String" itemvalue="el-dropdown-menu" />
|
||||||
|
<item index="62" class="java.lang.String" itemvalue="caretleft" />
|
||||||
|
<item index="63" class="java.lang.String" itemvalue="close" />
|
||||||
|
<item index="64" class="java.lang.String" itemvalue="fold" />
|
||||||
|
<item index="65" class="java.lang.String" itemvalue="expand" />
|
||||||
|
<item index="66" class="java.lang.String" itemvalue="caretright" />
|
||||||
|
<item index="67" class="java.lang.String" itemvalue="upload" />
|
||||||
|
<item index="68" class="java.lang.String" itemvalue="el-cascader" />
|
||||||
|
<item index="69" class="java.lang.String" itemvalue="u-search" />
|
||||||
|
<item index="70" class="java.lang.String" itemvalue="u-scroll-list" />
|
||||||
|
<item index="71" class="java.lang.String" itemvalue="u-navbar" />
|
||||||
|
<item index="72" class="java.lang.String" itemvalue="u-loadmore" />
|
||||||
|
<item index="73" class="java.lang.String" itemvalue="u-parse" />
|
||||||
|
<item index="74" class="java.lang.String" itemvalue="u-number-box" />
|
||||||
|
<item index="75" class="java.lang.String" itemvalue="u-tag" />
|
||||||
|
<item index="76" class="java.lang.String" itemvalue="u-checkbox" />
|
||||||
|
<item index="77" class="java.lang.String" itemvalue="u-checkbox-group" />
|
||||||
|
<item index="78" class="java.lang.String" itemvalue="checkbox" />
|
||||||
|
<item index="79" class="java.lang.String" itemvalue="u-action-sheet" />
|
||||||
|
<item index="80" class="java.lang.String" itemvalue="u-line" />
|
||||||
|
<item index="81" class="java.lang.String" itemvalue="u-count-to" />
|
||||||
|
<item index="82" class="java.lang.String" itemvalue="u-swipe-action" />
|
||||||
|
<item index="83" class="java.lang.String" itemvalue="u-swipe-action-item" />
|
||||||
|
<item index="84" class="java.lang.String" itemvalue="u-form" />
|
||||||
|
<item index="85" class="java.lang.String" itemvalue="u-form-item" />
|
||||||
|
<item index="86" class="java.lang.String" itemvalue="u-input" />
|
||||||
|
<item index="87" class="java.lang.String" itemvalue="u-switch" />
|
||||||
|
<item index="88" class="java.lang.String" itemvalue="u-textarea" />
|
||||||
|
<item index="89" class="java.lang.String" itemvalue="u-picker" />
|
||||||
|
<item index="90" class="java.lang.String" itemvalue="u-sticky" />
|
||||||
|
<item index="91" class="java.lang.String" itemvalue="el-popover" />
|
||||||
|
<item index="92" class="java.lang.String" itemvalue="plus" />
|
||||||
|
<item index="93" class="java.lang.String" itemvalue="el-input-number" />
|
||||||
|
<item index="94" class="java.lang.String" itemvalue="el-checkbox" />
|
||||||
|
<item index="95" class="java.lang.String" itemvalue="el-checkbox-group" />
|
||||||
|
<item index="96" class="java.lang.String" itemvalue="el-radio-group" />
|
||||||
|
<item index="97" class="java.lang.String" itemvalue="el-radio-button" />
|
||||||
|
<item index="98" class="java.lang.String" itemvalue="el-collapse" />
|
||||||
|
<item index="99" class="java.lang.String" itemvalue="el-collapse-item" />
|
||||||
|
</list>
|
||||||
|
</value>
|
||||||
|
</option>
|
||||||
|
<option name="myCustomValuesEnabled" value="true" />
|
||||||
|
</inspection_tool>
|
||||||
|
</profile>
|
||||||
|
</component>
|
||||||
76
app/components/PortalFooter.vue
Normal file
76
app/components/PortalFooter.vue
Normal file
@@ -0,0 +1,76 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container footer-main">
|
||||||
|
<div class="footer-left">
|
||||||
|
<p>扫一扫公众号</p>
|
||||||
|
<p>了解我们的动态</p>
|
||||||
|
<img src="/images/qrcode-mp-official.jpg" alt="公众号二维码" />
|
||||||
|
</div>
|
||||||
|
<div class="footer-center">
|
||||||
|
<h3>广西决策咨询网</h3>
|
||||||
|
<p>Guangxi Decision-Making Consulting Network</p>
|
||||||
|
<p>运营方：广西决策咨询网有限公司</p>
|
||||||
|
<p>地址：广西壮族自治区南宁市中柬路XX号 XX楼 XX号房</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container {
|
||||||
|
width: min(1200px, calc(100% - 32px));
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-main {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 60px;
|
||||||
|
padding: 28px 0 52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-left {
|
||||||
|
color: #4f5c67;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-left p {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-left img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
margin-top: 10px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-center {
|
||||||
|
padding-top: 10px;
|
||||||
|
color: #697680;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-center h3 {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
color: #27313a;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-center p {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1100px) {
|
||||||
|
.footer-main {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.container {
|
||||||
|
width: min(100%, calc(100% - 24px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
355
app/components/PortalHeader.vue
Normal file
355
app/components/PortalHeader.vue
Normal file
@@ -0,0 +1,355 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div>{{ currentDateText }}</div>
|
||||||
|
<div class="topbar-right">
|
||||||
|
<div class="top-search">
|
||||||
|
<input v-model="keyword" type="text" placeholder="请输入关键字" />
|
||||||
|
<button type="button" @click="goSearch">搜索</button>
|
||||||
|
</div>
|
||||||
|
<div class="topbar-links">
|
||||||
|
<NuxtLink to="/about">网站简介</NuxtLink>
|
||||||
|
<NuxtLink to="/contact">联系我们</NuxtLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<header class="hero" aria-label="广西决策咨询网横幅" />
|
||||||
|
|
||||||
|
<nav class="main-nav">
|
||||||
|
<div class="container nav-inner">
|
||||||
|
<div
|
||||||
|
v-for="item in navItems"
|
||||||
|
:key="item.to"
|
||||||
|
class="nav-item-group"
|
||||||
|
>
|
||||||
|
<NuxtLink
|
||||||
|
:to="item.to"
|
||||||
|
class="nav-item"
|
||||||
|
:class="{ active: isActive(item.to) }"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</NuxtLink>
|
||||||
|
<div v-if="item.children?.length" class="nav-submenu">
|
||||||
|
<div class="nav-submenu-title">{{ item.label }}</div>
|
||||||
|
<NuxtLink
|
||||||
|
v-for="child in item.children"
|
||||||
|
:key="child.to"
|
||||||
|
:to="child.to"
|
||||||
|
class="nav-submenu-item"
|
||||||
|
>
|
||||||
|
{{ child.label }}
|
||||||
|
</NuxtLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
type NavChild = {
|
||||||
|
label: string
|
||||||
|
to: string
|
||||||
|
}
|
||||||
|
|
||||||
|
type NavItem = {
|
||||||
|
label: string
|
||||||
|
to: string
|
||||||
|
children?: NavChild[]
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
activePath?: string
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
|
const keyword = ref('')
|
||||||
|
|
||||||
|
const navItems: NavItem[] = [
|
||||||
|
{ label: '首 页', to: '/' },
|
||||||
|
{
|
||||||
|
label: '政策要闻',
|
||||||
|
to: '/news',
|
||||||
|
children: [
|
||||||
|
{ label: '党中央国务院信息', to: '/news?type=central' },
|
||||||
|
{ label: '自治区党委政府信息', to: '/news?type=region' },
|
||||||
|
{ label: '其他（厅委办）信息', to: '/news?type=department' },
|
||||||
|
{ label: '最新发布', to: '/news?type=latest' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '决策参考',
|
||||||
|
to: '/reference',
|
||||||
|
children: [
|
||||||
|
{ label: '政策原文', to: '/reference?type=policy' },
|
||||||
|
{ label: '深度解读', to: '/reference?type=analysis' },
|
||||||
|
{ label: '东盟研究', to: '/reference?type=asean' },
|
||||||
|
{ label: '数据服务', to: '/reference?type=data' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '决策咨询',
|
||||||
|
to: '/consultation',
|
||||||
|
children: [
|
||||||
|
{ label: '市县决策', to: '/consultation?type=city' },
|
||||||
|
{ label: '前沿观察', to: '/consultation?type=frontier' },
|
||||||
|
{ label: '行业资讯', to: '/consultation?type=industry' },
|
||||||
|
{ label: '企业动态', to: '/consultation?type=enterprise' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '专家资讯',
|
||||||
|
to: '/expert',
|
||||||
|
children: [
|
||||||
|
{ label: '专家视点', to: '/expert?type=view' },
|
||||||
|
{ label: '专家动态', to: '/expert?type=dynamic' },
|
||||||
|
{ label: '专家申请', to: '/expert/apply' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '智库观察',
|
||||||
|
to: '/think-tank',
|
||||||
|
children: [
|
||||||
|
{ label: '智库介绍', to: '/think-tank?type=intro' },
|
||||||
|
{ label: '智库视角', to: '/think-tank?type=view' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ label: '建言献策', to: '/suggestions' },
|
||||||
|
{
|
||||||
|
label: '会员服务',
|
||||||
|
to: '/membership',
|
||||||
|
children: [
|
||||||
|
{ label: '企业咨询', to: '/membership?type=consult' },
|
||||||
|
{ label: '专项服务', to: '/membership?type=service' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ label: '翰墨文谈', to: '/hanmo' },
|
||||||
|
{
|
||||||
|
label: '关于我们',
|
||||||
|
to: '/about',
|
||||||
|
children: [
|
||||||
|
{ label: '学会简介', to: '/about' },
|
||||||
|
{ label: '组织机构', to: '/about/organization' },
|
||||||
|
{ label: '学会章程', to: '/about/charter' },
|
||||||
|
{ label: '咨询服务', to: '/about/consultation' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const currentDateText = computed(() => {
|
||||||
|
const now = new Date()
|
||||||
|
return `${now.getFullYear()} 年 ${String(now.getMonth() + 1).padStart(2, '0')} 月 ${String(now.getDate()).padStart(2, '0')} 日`
|
||||||
|
})
|
||||||
|
|
||||||
|
const resolvedActivePath = computed(() => props.activePath || route.path)
|
||||||
|
|
||||||
|
function isActive(path: string) {
|
||||||
|
const currentPath = resolvedActivePath.value
|
||||||
|
return currentPath === path || (path !== '/' && currentPath.startsWith(`${path}/`))
|
||||||
|
}
|
||||||
|
|
||||||
|
function goSearch() {
|
||||||
|
const value = keyword.value.trim()
|
||||||
|
navigateTo(value ? `/articles?keyword=${encodeURIComponent(value)}` : '/articles')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container {
|
||||||
|
width: min(1200px, calc(100% - 32px));
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
height: 34px;
|
||||||
|
border-bottom: 1px solid #e8e8e8;
|
||||||
|
background: #fafafa;
|
||||||
|
color: #777;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-inner {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-links {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-search {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 26px;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid #d8d8d8;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-search input {
|
||||||
|
width: 180px;
|
||||||
|
height: 100%;
|
||||||
|
border: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
color: #555;
|
||||||
|
font-size: 12px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-search button {
|
||||||
|
height: 100%;
|
||||||
|
border: 0;
|
||||||
|
border-left: 1px solid #e6e6e6;
|
||||||
|
background: #f5f5f5;
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 0 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar a {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
position: relative;
|
||||||
|
height: 320px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url('/images/banner.png') center center / cover no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-nav {
|
||||||
|
background: linear-gradient(180deg, #1773c2 0%, #0e63b1 100%);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-inner {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(10, 1fr);
|
||||||
|
position: relative;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item-group {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 46px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 15px;
|
||||||
|
border-right: 1px solid rgba(255, 255, 255, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item-group:first-child .nav-item {
|
||||||
|
border-left: 1px solid rgba(255, 255, 255, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item.active,
|
||||||
|
.nav-item:hover,
|
||||||
|
.nav-item-group:hover .nav-item {
|
||||||
|
background: rgba(6, 38, 78, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
background: rgba(20, 90, 150, 0.96);
|
||||||
|
box-shadow: 0 10px 20px rgba(13, 45, 82, 0.16);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(6px);
|
||||||
|
transition: all 0.18s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item-group:hover .nav-submenu {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu-title {
|
||||||
|
padding: 12px 16px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
background: rgba(8, 56, 97, 0.45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu-item {
|
||||||
|
display: block;
|
||||||
|
padding: 11px 16px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.5;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu-item:hover {
|
||||||
|
background: rgba(8, 56, 97, 0.44);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1100px) {
|
||||||
|
.nav-inner {
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu {
|
||||||
|
min-width: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.topbar {
|
||||||
|
height: auto;
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-inner,
|
||||||
|
.topbar-right {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-search input {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: min(100%, calc(100% - 24px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-inner {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-submenu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<NuxtLink v-else :to="sub.to">{{ sub.label }}</NuxtLink>
|
<NuxtLink v-else :to="sub.to">{{ sub.label }}</NuxtLink>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
</a-sub-menu>
|
</a-sub-menu>
|
||||||
<a-menu-item v-else :key="item.to">
|
<a-menu-item v-else :key="item.key">
|
||||||
<NuxtLink :to="item.to" class="nav-item-wrapper">
|
<NuxtLink :to="item.to" class="nav-item-wrapper">
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
<span v-if="item.badge" :class="getBadgeClass(item.badge)">{{ item.badge }}</span>
|
<span v-if="item.badge" :class="getBadgeClass(item.badge)">{{ item.badge }}</span>
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
<span v-else @click="onNav(sub.to)">{{ sub.label }}</span>
|
<span v-else @click="onNav(sub.to)">{{ sub.label }}</span>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
</a-sub-menu>
|
</a-sub-menu>
|
||||||
<a-menu-item v-else :key="item.to" @click="onNav(item.to)">
|
<a-menu-item v-else :key="item.key" @click="onNav(item.to)">
|
||||||
<NuxtLink :to="item.to" class="nav-item-wrapper">
|
<NuxtLink :to="item.to" class="nav-item-wrapper">
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
<span v-if="item.badge" :class="getBadgeClass(item.badge)">{{ item.badge }}</span>
|
<span v-if="item.badge" :class="getBadgeClass(item.badge)">{{ item.badge }}</span>
|
||||||
@@ -120,7 +120,6 @@ import type { User } from '@/api/system/user/model'
|
|||||||
import { getToken, removeToken } from '@/utils/token-util'
|
import { getToken, removeToken } from '@/utils/token-util'
|
||||||
import { clearAuthz, setAuthzFromUser } from '@/utils/permission'
|
import { clearAuthz, setAuthzFromUser } from '@/utils/permission'
|
||||||
import { UserOutlined, ProfileOutlined, MessageOutlined } from '@ant-design/icons-vue'
|
import { UserOutlined, ProfileOutlined, MessageOutlined } from '@ant-design/icons-vue'
|
||||||
import { message } from 'ant-design-vue'
|
|
||||||
|
|
||||||
|
|
||||||
const nav = computed(() => mainNav)
|
const nav = computed(() => mainNav)
|
||||||
@@ -128,18 +127,18 @@ const route = useRoute()
|
|||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
|
|
||||||
const selectedKeys = computed(() => {
|
const selectedKeys = computed(() => {
|
||||||
const hit = nav.value.find((n) => n.to === route.path)
|
const currentPath = route.path
|
||||||
if (hit) return [hit.to]
|
|
||||||
if (route.path.startsWith('/news')) return ['/news']
|
const exactHit = nav.value.find((item) => item.to === currentPath)
|
||||||
if (route.path.startsWith('/consultation')) return ['/consultation']
|
if (exactHit) return [exactHit.key]
|
||||||
if (route.path.startsWith('/reference')) return ['/reference']
|
|
||||||
if (route.path.startsWith('/expert')) return ['/expert']
|
const prefixHit = nav.value.find((item) => item.to !== '/' && currentPath.startsWith(`${item.to}/`))
|
||||||
if (route.path.startsWith('/think-tank')) return ['/think-tank']
|
if (prefixHit) return [prefixHit.key]
|
||||||
if (route.path.startsWith('/suggestions')) return ['/suggestions']
|
|
||||||
if (route.path.startsWith('/membership')) return ['/membership']
|
const sectionHit = nav.value.find((item) => item.to !== '/' && currentPath.startsWith(item.to))
|
||||||
if (route.path.startsWith('/hanmo')) return ['/hanmo']
|
if (sectionHit) return [sectionHit.key]
|
||||||
if (route.path.startsWith('/about')) return ['/about']
|
|
||||||
return ['/']
|
return ['home']
|
||||||
})
|
})
|
||||||
|
|
||||||
// 获取 badge 样式类
|
// 获取 badge 样式类
|
||||||
@@ -154,8 +153,6 @@ function getBadgeClass(badge: string) {
|
|||||||
return `${baseClass} bg-gray-500 text-white`
|
return `${baseClass} bg-gray-500 text-white`
|
||||||
}
|
}
|
||||||
|
|
||||||
const siteName = ref('广西决策咨询网')
|
|
||||||
|
|
||||||
const token = ref('')
|
const token = ref('')
|
||||||
const user = ref<User | null>(null)
|
const user = ref<User | null>(null)
|
||||||
const isAuthed = computed(() => !!token.value)
|
const isAuthed = computed(() => !!token.value)
|
||||||
@@ -195,12 +192,6 @@ async function refreshAuth() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function goConsoleCenter() {
|
|
||||||
if (!isAuthed.value) return navigateTo('/login')
|
|
||||||
open.value = false
|
|
||||||
navigateTo('/profile')
|
|
||||||
}
|
|
||||||
|
|
||||||
function logout() {
|
function logout() {
|
||||||
removeToken()
|
removeToken()
|
||||||
try {
|
try {
|
||||||
@@ -238,8 +229,9 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.header {
|
.header {
|
||||||
background: #111827;
|
background: linear-gradient(180deg, #1773c2 0%, #0e63b1 100%);
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
border-bottom: 0;
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
}
|
}
|
||||||
@@ -249,11 +241,14 @@ onUnmounted(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
gap: 24px;
|
||||||
}
|
}
|
||||||
.nav-left {
|
.nav-left {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 5rem; /* logo 与菜单的间距 */
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
.nav-right {
|
.nav-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -264,18 +259,21 @@ onUnmounted(() => {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
.logo-link {
|
.logo-link {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
min-height: 64px;
|
||||||
|
padding-right: 8px;
|
||||||
}
|
}
|
||||||
.logo-text {
|
.logo-text {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: 'Alimama FangYuanTi VF,sans-serif', sans-serif;
|
font-family: 'Alimama FangYuanTi VF,sans-serif', sans-serif;
|
||||||
font-size: 20px;
|
font-size: 22px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 0.04em;
|
letter-spacing: 0.08em;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background: linear-gradient(135deg, #ffffff 0%, #a5c8ff 100%);
|
background: linear-gradient(135deg, #ffffff 0%, #a5c8ff 100%);
|
||||||
@@ -290,48 +288,76 @@ onUnmounted(() => {
|
|||||||
.nav-item-wrapper {
|
.nav-item-wrapper {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 6px;
|
||||||
|
min-height: 62px;
|
||||||
|
padding: 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── 统一去掉选中/展开/hover 时的蓝色，改为白色文字 + 底部橙线 ── */
|
:deep(.ant-menu-dark.ant-menu-horizontal) {
|
||||||
|
background: transparent !important;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
line-height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu) {
|
||||||
|
top: 0;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 16px !important;
|
||||||
|
border-right: 1px solid rgba(255, 255, 255, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:first-child),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu:first-child) {
|
||||||
|
border-left: 1px solid rgba(255, 255, 255, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
/* 选中项背景去掉 */
|
|
||||||
:deep(.ant-menu-dark .ant-menu-item-selected),
|
:deep(.ant-menu-dark .ant-menu-item-selected),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title),
|
:deep(.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected),
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected > .ant-menu-submenu-title) {
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected > .ant-menu-submenu-title) {
|
||||||
background-color: transparent !important;
|
background-color: rgba(6, 38, 78, 0.22) !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 选中时底部橙线 */
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu:hover),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-active),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-active),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected),
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected) {
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected) {
|
||||||
background-color: transparent !important;
|
background-color: rgba(6, 38, 78, 0.22) !important;
|
||||||
border-bottom: 2px solid #f97316 !important;
|
}
|
||||||
|
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item::after),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu::after) {
|
||||||
|
border-bottom: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* sub-menu 展开/hover 时标题不变蓝 */
|
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title),
|
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title),
|
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-open),
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-open),
|
||||||
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-active) {
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-active) {
|
||||||
background-color: transparent !important;
|
background-color: rgba(6, 38, 78, 0.22) !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-title-content),
|
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-title-content),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-title-content),
|
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-title-content),
|
||||||
|
:deep(.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-title-content),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-title-content a),
|
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-title-content a),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-title-content a) {
|
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-title-content a),
|
||||||
|
:deep(.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-title-content a) {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 展开箭头不变蓝 */
|
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title .ant-menu-submenu-arrow),
|
:deep(.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title .ant-menu-submenu-arrow),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-submenu-arrow) {
|
:deep(.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-submenu-arrow),
|
||||||
color: rgba(255, 255, 255, 0.65) !important;
|
:deep(.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-submenu-arrow) {
|
||||||
|
color: rgba(255, 255, 255, 0.75) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 所有菜单项 hover/active 时文字统一白色 */
|
|
||||||
:deep(.ant-menu-dark .ant-menu-item-active > .ant-menu-item-content),
|
:deep(.ant-menu-dark .ant-menu-item-active > .ant-menu-item-content),
|
||||||
:deep(.ant-menu-dark .ant-menu-item-active > .ant-menu-item-content a),
|
:deep(.ant-menu-dark .ant-menu-item-active > .ant-menu-item-content a),
|
||||||
:deep(.ant-menu-dark .ant-menu-item-open > .ant-menu-item-content),
|
:deep(.ant-menu-dark .ant-menu-item-open > .ant-menu-item-content),
|
||||||
@@ -341,7 +367,15 @@ onUnmounted(() => {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 所有菜单项默认文字颜色（覆盖 ant-menu-item a 的蓝色） */
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item),
|
||||||
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 64px;
|
||||||
|
color: rgba(255, 255, 255, 0.92) !important;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
:deep(.ant-menu-dark .ant-menu-item a),
|
:deep(.ant-menu-dark .ant-menu-item a),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-title a) {
|
:deep(.ant-menu-dark .ant-menu-submenu-title a) {
|
||||||
color: rgba(255, 255, 255, 0.85) !important;
|
color: rgba(255, 255, 255, 0.85) !important;
|
||||||
@@ -351,20 +385,49 @@ onUnmounted(() => {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 选中项文字强制白色 */
|
|
||||||
:deep(.ant-menu-dark .ant-menu-item-selected a),
|
:deep(.ant-menu-dark .ant-menu-item-selected a),
|
||||||
:deep(.ant-menu-dark .ant-menu-submenu-selected .ant-menu-submenu-title a) {
|
:deep(.ant-menu-dark .ant-menu-submenu-selected .ant-menu-submenu-title a) {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
/* 控制台按钮：白色边框 + 白色文字，hover 加白色背景 */
|
|
||||||
.console-btn {
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-arrow),
|
||||||
background: transparent !important;
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-arrow::before),
|
||||||
border-color: rgba(255, 255, 255, 0.45) !important;
|
:deep(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-arrow::after) {
|
||||||
color: #fff !important;
|
color: rgba(255, 255, 255, 0.72) !important;
|
||||||
}
|
}
|
||||||
.console-btn:hover {
|
|
||||||
border-color: #fff !important;
|
:deep(.ant-dropdown .ant-menu),
|
||||||
background: rgba(255, 255, 255, 0.1) !important;
|
:deep(.ant-menu-submenu-popup .ant-menu) {
|
||||||
|
background: rgba(20, 90, 150, 0.96) !important;
|
||||||
|
box-shadow: 0 10px 20px rgba(13, 45, 82, 0.16) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-menu-submenu-popup .ant-menu-item),
|
||||||
|
:deep(.ant-dropdown .ant-menu-item) {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-menu-submenu-popup .ant-menu-item:hover),
|
||||||
|
:deep(.ant-menu-submenu-popup .ant-menu-item-active),
|
||||||
|
:deep(.ant-menu-submenu-popup .ant-menu-item-selected) {
|
||||||
|
background: rgba(8, 56, 97, 0.44) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-drawer .ant-menu-item .nav-item-wrapper) {
|
||||||
|
min-height: auto;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.nav-left {
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-text {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
1498
app/pages/index.vue
1498
app/pages/index.vue
File diff suppressed because it is too large
Load Diff
@@ -3,6 +3,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
definePageMeta({
|
||||||
|
layout: 'default'
|
||||||
|
})
|
||||||
|
|
||||||
useHead({ title: '政策要闻 - 决策咨询网' })
|
useHead({ title: '政策要闻 - 决策咨询网' })
|
||||||
|
|
||||||
const pageConfig = {
|
const pageConfig = {
|
||||||
|
|||||||
BIN
public/images/ad.png
Normal file
BIN
public/images/ad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 386 KiB |
BIN
public/images/ad1.png
Normal file
BIN
public/images/ad1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 428 KiB |
BIN
public/images/banner.png
Normal file
BIN
public/images/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
public/images/jczx.png
Normal file
BIN
public/images/jczx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
BIN
public/images/zjsq.png
Normal file
BIN
public/images/zjsq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
public/images/zjzx.png
Normal file
BIN
public/images/zjzx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
public/images/zjzxBg.png
Normal file
BIN
public/images/zjzxBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
public/images/图层 50.png
Normal file
BIN
public/images/图层 50.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Reference in New Issue
Block a user