Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
cc835e24 1 parent a7458683

fix

Inline Side-by-side
Showing 2 changed files with 8 additions and 3 deletions
1 /* 1 /*
2 * @Date: 2022-07-26 09:49:54 2 * @Date: 2022-07-26 09:49:54
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-10 13:53:54 4 + * @LastEditTime: 2024-10-11 11:29:08
5 * @FilePath: /hager/src/common/mixin.js 5 * @FilePath: /hager/src/common/mixin.js
6 * @Description: 文件描述 6 * @Description: 文件描述
7 */ 7 */
...@@ -36,6 +36,11 @@ export default { ...@@ -36,6 +36,11 @@ export default {
36 methods: { 36 methods: {
37 handleResize() { 37 handleResize() {
38 this.screenWidth = $('.hagerBox').width(); // 更新屏幕宽度 38 this.screenWidth = $('.hagerBox').width(); // 更新屏幕宽度
39 + if (this.screenWidth < 768) {
40 + this.top_img_height = '30vh';
41 + } else {
42 + this.top_img_height = '35rem';
43 + }
39 }, 44 },
40 }, 45 },
41 }, 46 },
......
1 <!-- 1 <!--
2 * @Date: 2024-09-29 15:49:27 2 * @Date: 2024-09-29 15:49:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-10 15:40:35 4 + * @LastEditTime: 2024-10-11 13:36:28
5 * @FilePath: /hager/src/views/solution/detail.vue 5 * @FilePath: /hager/src/views/solution/detail.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-solution-detail"> 9 <div class="hager-solution-detail">
10 - <el-image style="width: 100%; height: 35rem" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image> 10 + <el-image :style="{width: '100%', height: top_img_height}" fit="cover" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-image>
11 <hager-box class="box-n"> 11 <hager-box class="box-n">
12 <el-row :gutter="0"> 12 <el-row :gutter="0">
13 <el-col :span="12" style="height: 25rem;"> 13 <el-col :span="12" style="height: 25rem;">
......