Explorar o código

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

任一存 hai 1 ano
pai
achega
3758a8b5c6
Modificáronse 1 ficheiros con 10 adicións e 5 borrados
  1. 10 5
      src/components/Tags/goods-list.vue

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

@@ -337,10 +337,12 @@ 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;
           }
           >img{
             width: 100%;
@@ -349,7 +351,10 @@ onMounted(() => {
             font-size: 14px;
             color: #131d34;
             padding: 16px 20px;
-            flex: 0 1 auto;
+            // flex: 0 1 auto;
+            // overflow: auto;
+            max-height: calc(100% - 34vh - 42px);
+            box-sizing: border-box;
             overflow: auto;
             > p {
               font-size: 16px;
@@ -426,7 +431,7 @@ onMounted(() => {
             }
           }
           .goods-button {
-            flex: 0;
+            // flex: 0;
             display: flex;
             justify-content: space-between;
             font-size: 16px;