Переглянути джерело

bug fix: 之前的bug fix:商品详情界面高度有时会溢出视口 在ios中无效

任一存 1 рік тому
батько
коміт
fc5fdf7551
1 змінених файлів з 9 додано та 5 видалено
  1. 9 5
      src/components/Tags/goods-list.vue

+ 9 - 5
src/components/Tags/goods-list.vue

@@ -314,16 +314,20 @@ onMounted(() => {
           background: #fff;
           padding-bottom: 14px;
           height: 95%;
-          display: flex;
-          flex-direction: column;
+          // 用flex布局实现中间部分可scroll的方案在ios中不生效
+          // display: flex;
+          // flex-direction: column;
           >.imgcon{
-            flex: 0;
+            // flex: 0;
+            height: 34vh;
           }
           .info {
             font-size: 14px;
             color: #131d34;
             padding: 16px 20px;
-            flex: 0 1 auto;
+            // flex: 0 1 auto;
+            max-height: calc(100% - 34vh - 42px);
+            box-sizing: border-box;
             overflow: auto;
             > p {
               font-size: 16px;
@@ -400,7 +404,7 @@ onMounted(() => {
             }
           }
           .goods-button {
-            flex: 0;
+            // flex: 0;
             display: flex;
             justify-content: space-between;
             font-size: 16px;