浏览代码

bug fix:商品详情界面高度有时会溢出视口

任一存 1 年之前
父节点
当前提交
995f9d34f4
共有 1 个文件被更改,包括 11 次插入3 次删除
  1. 11 3
      src/components/Tags/goods-list.vue

+ 11 - 3
src/components/Tags/goods-list.vue

@@ -311,13 +311,20 @@ onMounted(() => {
         overflow: hidden;
 
         > div {
-        background: #fff;
-        padding-bottom: 14px;
-
+          background: #fff;
+          padding-bottom: 14px;
+          height: 95%;
+          display: flex;
+          flex-direction: column;
+          >.imgcon{
+            flex: 0;
+          }
           .info {
             font-size: 14px;
             color: #131d34;
             padding: 16px 20px;
+            flex: 0 1 auto;
+            overflow: auto;
             > p {
               font-size: 16px;
               width: 100%;
@@ -393,6 +400,7 @@ onMounted(() => {
             }
           }
           .goods-button {
+            flex: 0;
             display: flex;
             justify-content: space-between;
             font-size: 16px;