瀏覽代碼

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

chenlei 5 月之前
父節點
當前提交
00e3cc8e13
共有 2 個文件被更改,包括 7 次插入9 次删除
  1. 3 4
      src/views/sheetList/balanceDetail.vue
  2. 4 5
      src/views/sheetList/sharedDetail.vue

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

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

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

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