hookehuyr

fix 修复产品中心弹出框高度显示问题

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-11-01 17:26:50 4 + * @LastEditTime: 2024-11-07 14:28:25
5 * @FilePath: /hager/src/components/common/hagerHeader.vue 5 * @FilePath: /hager/src/components/common/hagerHeader.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -299,6 +299,7 @@ export default { ...@@ -299,6 +299,7 @@ export default {
299 const availableHeight = windowHeight - topOffset; 299 const availableHeight = windowHeight - topOffset;
300 // 设置 .product-right-wrapper 的最大高度,确保不会溢出窗口 300 // 设置 .product-right-wrapper 的最大高度,确保不会溢出窗口
301 productRightWrapper.style.height = availableHeight + 'px'; 301 productRightWrapper.style.height = availableHeight + 'px';
302 + productRightWrapper.style.overflowY = 'scroll';
302 } 303 }
303 }) 304 })
304 }, 305 },
...@@ -452,7 +453,7 @@ export default { ...@@ -452,7 +453,7 @@ export default {
452 flex-basis: 66.67%; 453 flex-basis: 66.67%;
453 background-color: @background-color; 454 background-color: @background-color;
454 padding: 1.75rem 1.5rem; 455 padding: 1.75rem 1.5rem;
455 - overflow: scroll; 456 + box-sizing:border-box;
456 .product-right-title { 457 .product-right-title {
457 display: flex; 458 display: flex;
458 justify-content: space-between; 459 justify-content: space-between;
......