Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
02527fc2 1 parent 30fe48f2

样式调整

Inline Side-by-side
Showing 4 changed files with 11 additions and 7 deletions
1 <!-- 1 <!--
2 * @Date: 2024-10-17 11:13:44 2 * @Date: 2024-10-17 11:13:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-22 11:48:50 4 + * @LastEditTime: 2024-10-22 16:22:44
5 * @FilePath: /hager/src/views/about/china.vue 5 * @FilePath: /hager/src/views/about/china.vue
6 * @Description: 关于海格-海格在中国 6 * @Description: 关于海格-海格在中国
7 --> 7 -->
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 </div> 30 </div>
31 </div> 31 </div>
32 </el-col> 32 </el-col>
33 - <el-col :span="15"> 33 + <el-col :span="16">
34 <div class="about-img"></div> 34 <div class="about-img"></div>
35 </el-col> 35 </el-col>
36 </el-row> 36 </el-row>
......
1 <!-- 1 <!--
2 * @Date: 2024-10-17 11:13:44 2 * @Date: 2024-10-17 11:13:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-22 11:49:53 4 + * @LastEditTime: 2024-10-22 16:22:39
5 * @FilePath: /hager/src/views/about/development.vue 5 * @FilePath: /hager/src/views/about/development.vue
6 * @Description: 关于海格-可持续发展 6 * @Description: 关于海格-可持续发展
7 --> 7 -->
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </div> 32 </div>
33 </div> 33 </div>
34 </el-col> 34 </el-col>
35 - <el-col :span="15"> 35 + <el-col :span="16">
36 <div class="about-img"></div> 36 <div class="about-img"></div>
37 </el-col> 37 </el-col>
38 </el-row> 38 </el-row>
......
1 <!-- 1 <!--
2 * @Date: 2024-10-17 11:13:44 2 * @Date: 2024-10-17 11:13:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-22 11:33:06 4 + * @LastEditTime: 2024-10-22 16:22:33
5 * @FilePath: /hager/src/views/about/global.vue 5 * @FilePath: /hager/src/views/about/global.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 </div> 28 </div>
29 </div> 29 </div>
30 </el-col> 30 </el-col>
31 - <el-col :span="15"> 31 + <el-col :span="16">
32 <div class="about-img"></div> 32 <div class="about-img"></div>
33 </el-col> 33 </el-col>
34 </el-row> 34 </el-row>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-detail-page"> 9 <div class="hager-detail-page">
10 - <hager-box class="top-img" :style="{ height: '25rem', backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner06.png)' }"> 10 + <hager-box :class="['top-img', is_xs ? 'xs' : '']" :style="{ backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner06.png)' }">
11 <div v-if="!is_xs" class="banner-text-wrapper top-center"> 11 <div v-if="!is_xs" class="banner-text-wrapper top-center">
12 <div class="text"> 12 <div class="text">
13 <p class="title" style="margin-bottom: 0;">新闻中心</p> 13 <p class="title" style="margin-bottom: 0;">新闻中心</p>
...@@ -56,6 +56,10 @@ export default { ...@@ -56,6 +56,10 @@ export default {
56 background-size: cover; 56 background-size: cover;
57 background-position: center; 57 background-position: center;
58 position: relative; 58 position: relative;
59 + height: 25rem;
60 + &.xs {
61 + height: 12rem;
62 + }
59 .top-center { 63 .top-center {
60 position: absolute; 64 position: absolute;
61 transform: translateY(50%); /* 垂直与水平居中 */ 65 transform: translateY(50%); /* 垂直与水平居中 */
......