cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

态势感知平台-项目初始化搭建及菜单修改、增加tabs滚动吸顶效果

Browse Source
This commit is contained in:
fmk1023
2025-12-25 14:36:22 +08:00
parent d0d9adfde9
commit b80ff647c9
3 changed files with 92 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/components/Header/index.vue
View File

@@ -2,45 +2,45 @@
<div class="comHeader">
<div class="nav-container">
<a href="/" class="logo">
<img src="@/assets/imgs/logo2.png" alt="Tcode" class="logo-img">
<img src="@/assets/imgs/logo3.png" alt="Tcode" class="logo-img">
</a>
<div class="right-menu">
<ul class="nav-list">
<li><router-link to="/home" class="LNK">首页</router-link></li>
<!-- <ul class="nav-list">-->
<!-- <li><router-link to="/home" class="LNK">首页</router-link></li>-->
<li class="has-submenu">
<router-link to="/ProductServices" class="LNK">产品服务</router-link>
</li>
<!-- <li class="has-submenu">-->
<!-- <router-link to="/ProductServices" class="LNK">产品服务</router-link>-->
<!-- </li>-->
<li><router-link to="/solutions" class="LNK">解决方案</router-link></li>
<!-- <li><router-link to="/data" class="LNK">数据服务</router-link></li>-->
<!-- <li><router-link to="/solutions" class="LNK">解决方案</router-link></li>-->
<!--&lt;!&ndash; <li><router-link to="/data" class="LNK">数据服务</router-link></li>&ndash;&gt;-->
<li class="has-submenu dropdown-trigger">
<router-link to="/data" class="LNK">数据服务</router-link>
<!-- <li class="has-submenu dropdown-trigger">-->
<!-- <router-link to="/data" class="LNK">数据服务</router-link>-->
<div class="dropdown-menu">
<div class="dropdown-inner">
<div v-for="(sub, idx) in dataSubMenus" :key="idx" class="dropdown-item" @click="router.push(sub.path)">
<div class="item-icon">{{ sub.icon }}</div>
<div class="item-content">
<h4 class="item-title">{{ sub.title }}</h4>
<p class="item-desc">{{ sub.desc }}</p>
<router-link :to="sub.path" class="item-link">
<i class="ico-dp"></i> {{ sub.linkText }}
</router-link>
</div>
</div>
</div>
</div>
</li>
<!-- <div class="dropdown-menu">-->
<!-- <div class="dropdown-inner">-->
<!-- <div v-for="(sub, idx) in dataSubMenus" :key="idx" class="dropdown-item" @click="router.push(sub.path)">-->
<!-- <div class="item-icon">{{ sub.icon }}</div>-->
<!-- <div class="item-content">-->
<!-- <h4 class="item-title">{{ sub.title }}</h4>-->
<!-- <p class="item-desc">{{ sub.desc }}</p>-->
<!-- <router-link :to="sub.path" class="item-link">-->
<!-- <i class="ico-dp"></i> {{ sub.linkText }}-->
<!-- </router-link>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<li><router-link to="/Situation" class="LNK">态势感知中心</router-link></li>
<li><router-link to="/pricing" class="LNK">定价</router-link></li>
<li><router-link to="/intro" class="LNK">关于我们</router-link></li>
</ul>
<!-- <li><router-link to="/Situation" class="LNK">态势感知中心</router-link></li>-->
<!-- <li><router-link to="/pricing" class="LNK">定价</router-link></li>-->
<!-- <li><router-link to="/intro" class="LNK">关于我们</router-link></li>-->
<!-- </ul>-->
<a class="login-btn" @click="handleLogin('login')">控制台登录</a>
<a class="login-btn" @click="handleLogin('login')">登录</a>
</div>
</div>
</div>
@@ -86,7 +86,7 @@ const handleLogin = (type) => {
left: 0;
width: 100%;
height: 72px;
background: #fff;
background: #050505;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
display: flex;