Showing
4 changed files
with
19 additions
and
11 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-09-26 13:42:22 | 2 | * @Date: 2024-09-26 13:42:22 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-10-29 14:57:15 | 4 | + * @LastEditTime: 2024-11-07 10:44:34 |
| 5 | * @FilePath: /hager/src/components/common/hagerFooter.vue | 5 | * @FilePath: /hager/src/components/common/hagerFooter.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -107,6 +107,7 @@ | ... | @@ -107,6 +107,7 @@ |
| 107 | <p>海格电气中国总部</p> | 107 | <p>海格电气中国总部</p> |
| 108 | <p>上海市静安区山西北路99号苏河湾中心21层01、02单元</p> | 108 | <p>上海市静安区山西北路99号苏河湾中心21层01、02单元</p> |
| 109 | <p>粤ICP备2021117768号-3</p> | 109 | <p>粤ICP备2021117768号-3</p> |
| 110 | + <p>粤公网安备44133002100282号</p> | ||
| 110 | </div> | 111 | </div> |
| 111 | </div> | 112 | </div> |
| 112 | <div class="link-box xs"> | 113 | <div class="link-box xs"> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-10-17 09:22:56 | 2 | * @Date: 2024-10-17 09:22:56 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-11-06 16:08:11 | 4 | + * @LastEditTime: 2024-11-07 10:53:15 |
| 5 | * @FilePath: /hager/src/views/about/index.vue | 5 | * @FilePath: /hager/src/views/about/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -102,7 +102,7 @@ export default { | ... | @@ -102,7 +102,7 @@ export default { |
| 102 | img: 'https://cdn.ipadbiz.cn/hager/img/tiny/g05@2x.png', | 102 | img: 'https://cdn.ipadbiz.cn/hager/img/tiny/g05@2x.png', |
| 103 | c_title: '可持续发展', | 103 | c_title: '可持续发展', |
| 104 | e_title: 'Sustainable Development', | 104 | e_title: 'Sustainable Development', |
| 105 | - content: '海格集团是全球领先的电气及智能化解决方案和服务提供商,应用领域涵盖住宅、商业建筑、公共建筑和工业。', | 105 | + content: '作为一家有着明确价值观的家族企业,我们今天就行动起来,以确保未来成功。海格电气一直持续不断地投资我们的员工及其技能开发和培训、优化我们的生态平衡、开发更节能的流程和解决方案。', |
| 106 | link: '/about/development', | 106 | link: '/about/development', |
| 107 | },{ | 107 | },{ |
| 108 | img: 'https://cdn.ipadbiz.cn/hager/img/about/g06@2x.png', | 108 | img: 'https://cdn.ipadbiz.cn/hager/img/about/g06@2x.png', | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-08-27 10:06:30 | 2 | * @Date: 2024-08-27 10:06:30 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-11-06 16:08:59 | 4 | + * @LastEditTime: 2024-11-07 10:50:53 |
| 5 | * @FilePath: /hager/src/views/index.vue | 5 | * @FilePath: /hager/src/views/index.vue |
| 6 | * @Description: 首页 | 6 | * @Description: 首页 |
| 7 | --> | 7 | --> |
| ... | @@ -28,22 +28,22 @@ | ... | @@ -28,22 +28,22 @@ |
| 28 | <div :class="['hager-global-info', is_xs ? 'xs' : '']"> | 28 | <div :class="['hager-global-info', is_xs ? 'xs' : '']"> |
| 29 | <div class="hager-global-info-item"> | 29 | <div class="hager-global-info-item"> |
| 30 | <p class="num"><span>32</span> 亿欧元</p> | 30 | <p class="num"><span>32</span> 亿欧元</p> |
| 31 | - <p class="text">2023年总营收</p> | 31 | + <p class="text-cn">2023年总营收</p> |
| 32 | <p class="text">2023 sales revenue:3.2 billion euros</p> | 32 | <p class="text">2023 sales revenue:3.2 billion euros</p> |
| 33 | </div> | 33 | </div> |
| 34 | <div class="hager-global-info-item"> | 34 | <div class="hager-global-info-item"> |
| 35 | <p class="num" style="font-size: 1.85rem;"><span>100</span> +</p> | 35 | <p class="num" style="font-size: 1.85rem;"><span>100</span> +</p> |
| 36 | - <p class="text">国家采用海格解决方案</p> | 36 | + <p class="text-cn">国家采用海格解决方案</p> |
| 37 | <p class="text">100+ countries adopted Hager solutions</p> | 37 | <p class="text">100+ countries adopted Hager solutions</p> |
| 38 | </div> | 38 | </div> |
| 39 | <div class="hager-global-info-item"> | 39 | <div class="hager-global-info-item"> |
| 40 | <p class="num"><span>13,000</span> 位</p> | 40 | <p class="num"><span>13,000</span> 位</p> |
| 41 | - <p class="text">全球员工</p> | 41 | + <p class="text-cn">全球员工</p> |
| 42 | <p class="text">13,000 employees around the world</p> | 42 | <p class="text">13,000 employees around the world</p> |
| 43 | </div> | 43 | </div> |
| 44 | <div class="hager-global-info-item"> | 44 | <div class="hager-global-info-item"> |
| 45 | <p class="num"><span>22</span> 个</p> | 45 | <p class="num"><span>22</span> 个</p> |
| 46 | - <p class="text">生产基地</p> | 46 | + <p class="text-cn">生产基地</p> |
| 47 | <p class="text">22 production sites</p> | 47 | <p class="text">22 production sites</p> |
| 48 | </div> | 48 | </div> |
| 49 | </div> | 49 | </div> |
| ... | @@ -411,15 +411,19 @@ export default { | ... | @@ -411,15 +411,19 @@ export default { |
| 411 | } | 411 | } |
| 412 | .hager-global-info-item { | 412 | .hager-global-info-item { |
| 413 | .num { | 413 | .num { |
| 414 | - color: @primary-color; | 414 | + color: @secondary-color; |
| 415 | font-size: 1.5rem; | 415 | font-size: 1.5rem; |
| 416 | font-weight: bold; | 416 | font-weight: bold; |
| 417 | span { | 417 | span { |
| 418 | font-size: 3rem; | 418 | font-size: 3rem; |
| 419 | } | 419 | } |
| 420 | } | 420 | } |
| 421 | + .text-cn { | ||
| 422 | + line-height: 1.8; | ||
| 423 | + } | ||
| 421 | .text { | 424 | .text { |
| 422 | line-height: 1.8; | 425 | line-height: 1.8; |
| 426 | + font-size: 0.9rem; | ||
| 423 | } | 427 | } |
| 424 | } | 428 | } |
| 425 | } | 429 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-09-27 16:53:09 | 2 | * @Date: 2024-09-27 16:53:09 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-11-06 17:54:41 | 4 | + * @LastEditTime: 2024-11-07 10:56:07 |
| 5 | * @FilePath: /hager/src/views/product/index.vue | 5 | * @FilePath: /hager/src/views/product/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
| 37 | <el-col :span="18"> | 37 | <el-col :span="18"> |
| 38 | <div class="product-list"> | 38 | <div class="product-list"> |
| 39 | <div class="product-item" v-for="(item, index) in product_list" :key="index"> | 39 | <div class="product-item" v-for="(item, index) in product_list" :key="index"> |
| 40 | - <div class="product-item-img"> | 40 | + <div class="product-item-img" @click="goToDetail(item)"> |
| 41 | <img style="width: 100%; height: auto;" :src="item.cover"> | 41 | <img style="width: 100%; height: auto;" :src="item.cover"> |
| 42 | </div> | 42 | </div> |
| 43 | <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p> | 43 | <p @click="goToDetail(item)" class="product-item-title">{{ item.product_name }}</p> |
| ... | @@ -263,6 +263,9 @@ export default { | ... | @@ -263,6 +263,9 @@ export default { |
| 263 | box-sizing: border-box; | 263 | box-sizing: border-box; |
| 264 | border-radius: 8px; | 264 | border-radius: 8px; |
| 265 | border: 1px solid #eee; | 265 | border: 1px solid #eee; |
| 266 | + &:hover { | ||
| 267 | + cursor: pointer; | ||
| 268 | + } | ||
| 266 | } | 269 | } |
| 267 | .product-item-title { | 270 | .product-item-title { |
| 268 | // text-align: center; | 271 | // text-align: center; | ... | ... |
-
Please register or login to post a comment