hookehuyr

fix 联系页面名称错误修复

<!--
* @Date: 2024-09-26 13:42:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-12-04 15:32:43
* @LastEditTime: 2024-12-10 16:12:19
* @FilePath: /hager/src/components/common/hagerHeader.vue
* @Description: 文件描述
-->
......@@ -61,7 +61,7 @@
<div :class="[is_active === 'news' ? 'active' : '', 'item']" @click="goTo('/news')">新闻中心</div>
<div :class="[is_active === 'recruit' ? 'active' : '', 'item']" @click="goTo('/recruit')">招聘信息</div>
<div :class="[is_active === 'about' ? 'active' : '', 'item']" @click="goTo('/about')">关于海格</div>
<div :class="[is_active === 'concat' ? 'active' : '', 'item']" @click="goTo('/concat')">联系我们</div>
<div :class="[is_active === 'contact' ? 'active' : '', 'item']" @click="goTo('/contact')">联系我们</div>
<div :class="[is_active === 'index' ? 'active' : '', 'item']" @click="goTo('/')">首页</div>
</div>
</el-col>
......
<!--
* @Date: 2024-10-10 10:37:16
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-08 15:25:05
* @LastEditTime: 2024-12-10 16:12:02
* @FilePath: /hager/src/components/hagerMenu.vue
* @Description: 文件描述
-->
......@@ -81,7 +81,7 @@
<div class="menu-wrapper" @click="goTo('/about')">
<div class="menu-title">关于海格</div>
</div>
<div class="menu-wrapper" @click="goTo('/concat')">
<div class="menu-wrapper" @click="goTo('/contact')">
<div class="menu-title">联系我们</div>
</div>
<div class="menu-wrapper" @click="goTo('/')">
......
......@@ -123,12 +123,12 @@ export default [{
},
children: []
}, {
path: '/concat',
path: '/contact',
name: '联系我们',
component: () => import('@/views/concat'),
component: () => import('@/views/contact'),
meta: {
title: '联系我们 | Hager China',
tag: 'concat'
tag: 'contact'
},
children: []
}, {
......
<!--
* @Date: 2024-10-18 09:31:05
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-12-10 12:12:59
* @FilePath: /hager/src/views/concat.vue
* @LastEditTime: 2024-12-10 16:12:30
* @FilePath: /hager/src/views/contact.vue
* @Description: 联系我们
-->
<template>
<div class="hager-concat-page">
<div class="hager-contact-page">
<div :class="['top-img', is_xs ? 'xs' : '']"></div>
<hager-box class="box-wrapper xs">
<!-- Start -->
......@@ -36,10 +36,10 @@
</div>
<!-- END -->
<div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index">
<div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
<div :class="['contact-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
<div>
<el-row v-for="(concat, idx) in item.list" :key="idx" :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA'}">
<el-col :span="12" v-for="(x, i) in concat" :key="i" :style="{borderRight: i%2 === 0 ? '1px solid #DADADA' : '', padding: '1.5rem 0'}">
<el-row v-for="(contact, idx) in item.list" :key="idx" :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA'}">
<el-col :span="12" v-for="(x, i) in contact" :key="i" :style="{borderRight: i%2 === 0 ? '1px solid #DADADA' : '', padding: '1.5rem 0'}">
<el-row :gutter="0">
<el-col :span="12" class="title"><span class="inner">{{ x.area }}</span></el-col>
<el-col :span="3" class="name outer"><p class="inner">{{ x.name }}</p></el-col>
......@@ -52,7 +52,7 @@
</div>
</div>
<div v-if="is_xs" v-for="(item, index) in mini_concat_list" :key="index">
<div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
<div :class="['contact-area', is_xs ? 'xs' : '']">{{ item.area }}</div>
<div class="xs-box" v-for="(items, idx) in item.list" :key="idx">
<el-row :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA', padding: '1.5rem 0'}">
<el-col :span="12" class="title"><p class="inner xs">{{ items.area }}</p></el-col>
......@@ -114,7 +114,7 @@ export default {
</script>
<style lang="less" scoped>
.hager-concat-page {
.hager-contact-page {
.top-img {
height: 22rem;
background-image: url('https://cdn.ipadbiz.cn/hager/img/tiny/banner05.png');
......@@ -212,7 +212,7 @@ export default {
}
}
.concat-area {
.contact-area {
background-color: #E3F1F7;
padding: 1rem 1.5rem;
font-weight: bold;
......