Showing
4 changed files
with
16 additions
and
16 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-09-26 13:42:11 | 2 | * @Date: 2024-09-26 13:42:11 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-12-04 15:32:43 | 4 | + * @LastEditTime: 2024-12-10 16:12:19 |
| 5 | * @FilePath: /hager/src/components/common/hagerHeader.vue | 5 | * @FilePath: /hager/src/components/common/hagerHeader.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
| 61 | <div :class="[is_active === 'news' ? 'active' : '', 'item']" @click="goTo('/news')">新闻中心</div> | 61 | <div :class="[is_active === 'news' ? 'active' : '', 'item']" @click="goTo('/news')">新闻中心</div> |
| 62 | <div :class="[is_active === 'recruit' ? 'active' : '', 'item']" @click="goTo('/recruit')">招聘信息</div> | 62 | <div :class="[is_active === 'recruit' ? 'active' : '', 'item']" @click="goTo('/recruit')">招聘信息</div> |
| 63 | <div :class="[is_active === 'about' ? 'active' : '', 'item']" @click="goTo('/about')">关于海格</div> | 63 | <div :class="[is_active === 'about' ? 'active' : '', 'item']" @click="goTo('/about')">关于海格</div> |
| 64 | - <div :class="[is_active === 'concat' ? 'active' : '', 'item']" @click="goTo('/concat')">联系我们</div> | 64 | + <div :class="[is_active === 'contact' ? 'active' : '', 'item']" @click="goTo('/contact')">联系我们</div> |
| 65 | <div :class="[is_active === 'index' ? 'active' : '', 'item']" @click="goTo('/')">首页</div> | 65 | <div :class="[is_active === 'index' ? 'active' : '', 'item']" @click="goTo('/')">首页</div> |
| 66 | </div> | 66 | </div> |
| 67 | </el-col> | 67 | </el-col> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-10-10 10:37:16 | 2 | * @Date: 2024-10-10 10:37:16 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-11-08 15:25:05 | 4 | + * @LastEditTime: 2024-12-10 16:12:02 |
| 5 | * @FilePath: /hager/src/components/hagerMenu.vue | 5 | * @FilePath: /hager/src/components/hagerMenu.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -81,7 +81,7 @@ | ... | @@ -81,7 +81,7 @@ |
| 81 | <div class="menu-wrapper" @click="goTo('/about')"> | 81 | <div class="menu-wrapper" @click="goTo('/about')"> |
| 82 | <div class="menu-title">关于海格</div> | 82 | <div class="menu-title">关于海格</div> |
| 83 | </div> | 83 | </div> |
| 84 | - <div class="menu-wrapper" @click="goTo('/concat')"> | 84 | + <div class="menu-wrapper" @click="goTo('/contact')"> |
| 85 | <div class="menu-title">联系我们</div> | 85 | <div class="menu-title">联系我们</div> |
| 86 | </div> | 86 | </div> |
| 87 | <div class="menu-wrapper" @click="goTo('/')"> | 87 | <div class="menu-wrapper" @click="goTo('/')"> | ... | ... |
| ... | @@ -123,12 +123,12 @@ export default [{ | ... | @@ -123,12 +123,12 @@ export default [{ |
| 123 | }, | 123 | }, |
| 124 | children: [] | 124 | children: [] |
| 125 | }, { | 125 | }, { |
| 126 | - path: '/concat', | 126 | + path: '/contact', |
| 127 | name: '联系我们', | 127 | name: '联系我们', |
| 128 | - component: () => import('@/views/concat'), | 128 | + component: () => import('@/views/contact'), |
| 129 | meta: { | 129 | meta: { |
| 130 | title: '联系我们 | Hager China', | 130 | title: '联系我们 | Hager China', |
| 131 | - tag: 'concat' | 131 | + tag: 'contact' |
| 132 | }, | 132 | }, |
| 133 | children: [] | 133 | children: [] |
| 134 | }, { | 134 | }, { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-10-18 09:31:05 | 2 | * @Date: 2024-10-18 09:31:05 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-12-10 12:12:59 | 4 | + * @LastEditTime: 2024-12-10 16:12:30 |
| 5 | - * @FilePath: /hager/src/views/concat.vue | 5 | + * @FilePath: /hager/src/views/contact.vue |
| 6 | * @Description: 联系我们 | 6 | * @Description: 联系我们 |
| 7 | --> | 7 | --> |
| 8 | <template> | 8 | <template> |
| 9 | - <div class="hager-concat-page"> | 9 | + <div class="hager-contact-page"> |
| 10 | <div :class="['top-img', is_xs ? 'xs' : '']"></div> | 10 | <div :class="['top-img', is_xs ? 'xs' : '']"></div> |
| 11 | <hager-box class="box-wrapper xs"> | 11 | <hager-box class="box-wrapper xs"> |
| 12 | <!-- Start --> | 12 | <!-- Start --> |
| ... | @@ -36,10 +36,10 @@ | ... | @@ -36,10 +36,10 @@ |
| 36 | </div> | 36 | </div> |
| 37 | <!-- END --> | 37 | <!-- END --> |
| 38 | <div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index"> | 38 | <div v-if="!is_xs" v-for="(item, index) in concat_list" :key="index"> |
| 39 | - <div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div> | 39 | + <div :class="['contact-area', is_xs ? 'xs' : '']">{{ item.area }}</div> |
| 40 | <div> | 40 | <div> |
| 41 | - <el-row v-for="(concat, idx) in item.list" :key="idx" :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA'}"> | 41 | + <el-row v-for="(contact, idx) in item.list" :key="idx" :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA'}"> |
| 42 | - <el-col :span="12" v-for="(x, i) in concat" :key="i" :style="{borderRight: i%2 === 0 ? '1px solid #DADADA' : '', padding: '1.5rem 0'}"> | 42 | + <el-col :span="12" v-for="(x, i) in contact" :key="i" :style="{borderRight: i%2 === 0 ? '1px solid #DADADA' : '', padding: '1.5rem 0'}"> |
| 43 | <el-row :gutter="0"> | 43 | <el-row :gutter="0"> |
| 44 | <el-col :span="12" class="title"><span class="inner">{{ x.area }}</span></el-col> | 44 | <el-col :span="12" class="title"><span class="inner">{{ x.area }}</span></el-col> |
| 45 | <el-col :span="3" class="name outer"><p class="inner">{{ x.name }}</p></el-col> | 45 | <el-col :span="3" class="name outer"><p class="inner">{{ x.name }}</p></el-col> |
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | </div> | 52 | </div> |
| 53 | </div> | 53 | </div> |
| 54 | <div v-if="is_xs" v-for="(item, index) in mini_concat_list" :key="index"> | 54 | <div v-if="is_xs" v-for="(item, index) in mini_concat_list" :key="index"> |
| 55 | - <div :class="['concat-area', is_xs ? 'xs' : '']">{{ item.area }}</div> | 55 | + <div :class="['contact-area', is_xs ? 'xs' : '']">{{ item.area }}</div> |
| 56 | <div class="xs-box" v-for="(items, idx) in item.list" :key="idx"> | 56 | <div class="xs-box" v-for="(items, idx) in item.list" :key="idx"> |
| 57 | <el-row :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA', padding: '1.5rem 0'}"> | 57 | <el-row :gutter="0" :style="{borderBottom: idx === item.list?.length - 1 ? '' : '1px solid #DADADA', padding: '1.5rem 0'}"> |
| 58 | <el-col :span="12" class="title"><p class="inner xs">{{ items.area }}</p></el-col> | 58 | <el-col :span="12" class="title"><p class="inner xs">{{ items.area }}</p></el-col> |
| ... | @@ -114,7 +114,7 @@ export default { | ... | @@ -114,7 +114,7 @@ export default { |
| 114 | </script> | 114 | </script> |
| 115 | 115 | ||
| 116 | <style lang="less" scoped> | 116 | <style lang="less" scoped> |
| 117 | - .hager-concat-page { | 117 | + .hager-contact-page { |
| 118 | .top-img { | 118 | .top-img { |
| 119 | height: 22rem; | 119 | height: 22rem; |
| 120 | background-image: url('https://cdn.ipadbiz.cn/hager/img/tiny/banner05.png'); | 120 | background-image: url('https://cdn.ipadbiz.cn/hager/img/tiny/banner05.png'); |
| ... | @@ -212,7 +212,7 @@ export default { | ... | @@ -212,7 +212,7 @@ export default { |
| 212 | } | 212 | } |
| 213 | } | 213 | } |
| 214 | 214 | ||
| 215 | - .concat-area { | 215 | + .contact-area { |
| 216 | background-color: #E3F1F7; | 216 | background-color: #E3F1F7; |
| 217 | padding: 1rem 1.5rem; | 217 | padding: 1rem 1.5rem; |
| 218 | font-weight: bold; | 218 | font-weight: bold; | ... | ... |
-
Please register or login to post a comment