Эх сурвалжийг харах

fix:移动端详情页高度调整

chenlei 5 сар өмнө
parent
commit
00e3cc8e13

+ 3 - 4
src/views/sheetList/balanceDetail.vue

@@ -358,7 +358,7 @@ function goChart () {
 <style lang="scss" scoped>
 .page{
     width: 100%;
-    height: 100vh;
+    // height: 100vh;
     padding: 24px;
     .table-name {
         max-height: 100px;
@@ -426,7 +426,7 @@ function goChart () {
     }
     .sheet-box{
         width: 100%;
-        height: calc(100% - 320px);
+        height: calc(100vh - 400px);
     }
     .sheet-more-action-wrap{
         .head-box{
@@ -503,7 +503,6 @@ function goChart () {
 @media screen and (min-width: 650px) {
     .page{
         width: 100%;
-        height: 100vh;
         padding: 12px;
         .table-title {
             width: 100%;
@@ -535,7 +534,7 @@ function goChart () {
         .sheet-box{
             margin-top: 10px;
             width: 100%;
-            height: calc(100% - 135px);
+            height: calc(100vh - 190px);
         }
         .bottom {
             width: 49%;

+ 4 - 5
src/views/sheetList/sharedDetail.vue

@@ -271,7 +271,7 @@ function Base64() {
 <style lang="scss" scoped>
 .page{
     width: 100%;
-    height: 100vh;
+    // height: 100vh;
     padding: 24px;
     .table-name {
         max-height: 100px;
@@ -298,8 +298,7 @@ function Base64() {
     }
     .sheet-box{
         width: 100%;
-        height: calc(100% - 230px);
-        // background-color: pink;
+        height: calc(100vh - 400px);
     }
     .sheet-more-action-wrap{
         .head-box{
@@ -351,7 +350,7 @@ function Base64() {
 @media screen and (min-width: 650px) {
     .page{
         width: 100%;
-        height: 100vh;
+        // height: 100vh;
         padding: 12px;
         .table-title {
             width: 100%;
@@ -383,7 +382,7 @@ function Base64() {
         .sheet-box{
             margin-top: 10px;
             width: 100%;
-            height: calc(100% - 110px);
+            height: calc(100vh - 190px);
         }
         .bottom {
             margin-top: 5px;