From 9bee4f48db0c5b99b5683545fac737856d94d082 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期三, 23 四月 2025 11:34:39 +0800
Subject: [PATCH] 修改联系我们
---
src/components/AppHeader.vue | 115 ++++++++++++++++++---------------------------------------
1 files changed, 37 insertions(+), 78 deletions(-)
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 599f4e3..d7ff553 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -19,26 +19,30 @@
<span class="w-[20px] h-full gap-style">|</span>
<el-menu-item index="/eec-label-search" class="!px-4">璇佷功鏌ヨ</el-menu-item>
<span class="w-[20px] h-full gap-style">|</span>
- <el-menu-item index="/news-detail/99" class="!px-4">鏀跨瓥鏂囦欢</el-menu-item>
+ <!-- <el-menu-item index="/news-detail/99" class="!px-4">鏀跨瓥鏂囦欢</el-menu-item> -->
+ <el-menu-item index="/policy-info" class="!px-4">鏀跨瓥鏂囦欢</el-menu-item>
<span class="w-[20px] h-full gap-style">|</span>
- <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">娉甸�夊瀷</el-menu-item>
+ <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">鏅鸿兘閫夊瀷</el-menu-item>
<span class="w-[20px] h-full gap-style">|</span>
<el-menu-item index="/gb19762-2025" class="!px-4">璁＄畻宸ュ叿</el-menu-item>
<span class="w-[20px] h-full gap-style">|</span>
- <el-menu-item index="" class="!px-4">鑱旂郴鎴戜滑</el-menu-item>
+ <el-menu-item index="/contact-us" class="!px-4">鑱旂郴鎴戜滑</el-menu-item>
</el-menu>
</nav>
</div>
<!-- 椤堕儴浜у搧鎼滅储妗� -->
<div class="header-tool-div">
<div class="search-input-div">
- <input placeholder="鍏ㄩ儴鍟嗗搧|璇疯緭鍏ュ叕鍙稿悕绉�/鍨嬪彿/浜у搧鍚嶇О" />
- <button>鎼滅储</button>
+ <input v-model="searchQuery" placeholder="鍏ㄩ儴鍟嗗搧|璇疯緭鍏ュ叕鍙稿悕绉�/鍨嬪彿/浜у搧鍚嶇О" />
+ <button @click="handleSearch">鎼滅储</button>
</div>
+ <span class="text-[20px] text-[#000] gap-div"></span>
<!-- 鐪佷唤閫夋嫨 -->
<div>
- <el-cascader v-model="AreaValue" :options="options" @change="handleChange" />
+ <el-cascader v-model="AreaValue" :options="options" @change="handleChange">
+ </el-cascader>
</div>
+ <span class="text-[20px] text-[#000] gap-div"></span>
<div class="flex gap-[22px]">
<button class="flex items-center gap-[10px]">
<div class="flex items-center gap-4" @click="goToCart">
@@ -48,15 +52,15 @@
</div>
鎴戠殑璐墿杞�
</button>
- <button>鎵归噺涓嬭浇</button>
+ <button>鎵归噺涓嬪崟</button>
<button>鎴戠殑璁㈠崟</button>
<div class="flex items-center">
<template v-if="!userInfo.Token">
<button @click="toLogin">鐧诲綍</button>
</template>
<template v-else>
- <span class="text-blue-500 mr-2 text-[20px] text-[#000]">{{ userInfo.RealName }}</span>
- <a href="#" class="hover:text-blue-500 text-[20px]" @click.prevent="handleLogout">閫�鍑�</a>
+ <span class="text-blue-500 mr-2 text-[20px] text-[#000]" style="line-height: 1;">{{ userInfo.RealName }}</span>
+ <a href="#" class="hover:text-blue-500 text-[20px]" style="line-height: 1;" @click.prevent="handleLogout">閫�鍑�</a>
</template>
</div>
</div>
@@ -98,94 +102,26 @@
{
value: 'minhang',
label: '闂佃鍖�',
- children: [
- {
- value: 'consistency',
- label: 'Consistency',
- },
- {
- value: 'feedback',
- label: 'Feedback',
- },
- {
- value: 'efficiency',
- label: 'Efficiency',
- },
- {
- value: 'controllability',
- label: 'Controllability',
- },
- ],
},
{
value: 'pudongxinqu',
label: '娴︿笢鏂板尯',
- children: [
- {
- value: 'side nav',
- label: 'Side Navigation',
- },
- {
- value: 'top nav',
- label: 'Top Navigation',
- },
- ],
},
{
value: 'huanpuqu',
label: '榛勬郸鍖�',
- children: [
- {
- value: 'side nav',
- label: 'Side Navigation',
- },
- {
- value: 'top nav',
- label: 'Top Navigation',
- },
- ],
},
{
value: 'hongkouqu',
label: '铏瑰彛鍖�',
- children: [
- {
- value: 'side nav',
- label: 'Side Navigation',
- },
- {
- value: 'top nav',
- label: 'Top Navigation',
- },
- ],
},
{
value: 'fengxian',
label: '濂夎搐鍖�',
- children: [
- {
- value: 'side nav',
- label: 'Side Navigation',
- },
- {
- value: 'top nav',
- label: 'Top Navigation',
- },
- ],
},
{
value: 'jingan',
label: '闈欏畨鍖�',
- children: [
- {
- value: 'side nav',
- label: 'Side Navigation',
- },
- {
- value: 'top nav',
- label: 'Top Navigation',
- },
- ],
},
],
},
@@ -244,6 +180,15 @@
return;
}
};
+
+const handleSearch = () => {
+ router.push({
+ path: '/certified-products',
+ query: {
+ keywords: searchQuery.value,
+ },
+ });
+};
</script>
<style lang="scss" scoped>
@@ -288,7 +233,7 @@
align-items: center;
padding-left: 240px;
width: 100%;
- height: 64px;
+ height: 69px;
background: rgb(242, 242, 242);
border: 1px solid rgba(158, 158, 158, 0.4);
box-sizing: border-box;
@@ -387,6 +332,20 @@
font-weight: 500;
line-height: 69px;
}
+.gap-div{
+ height: 69px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 20px;
+ &::before{
+ content: "";
+ display: block;
+ width: 2px;
+ height: 65%;
+ background: #D3D3D3;
+ }
+}
@keyframes cartBadgeAnimation {
0% {
transform: scale(0);
--
Gitblit v1.9.3