Browse Source

【优化】调整内边距,让imag card 滚动底部有一些距离

cherishsince 1 năm trước cách đây
mục cha
commit
19c752e81d
1 tập tin đã thay đổi với 7 bổ sung1 xóa
  1. 7 1
      src/views/ai/image/ImageTask.vue

+ 7 - 1
src/views/ai/image/ImageTask.vue

@@ -154,9 +154,11 @@ onUnmounted(async () => {
   margin: 0;
   padding: 0;
   height: 100%;
+  position: relative;
 }
 
 .task-image-list {
+  position: relative;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -164,12 +166,16 @@ onUnmounted(async () => {
   height: 100%;
   overflow: auto;
   padding: 20px;
-  padding-bottom: 300px;
+  padding-bottom: 100px;
+  box-sizing: border-box; /* 确保内边距不会增加高度 */
 
   >div {
     margin-right: 20px;
     margin-bottom: 20px;
   }
+  >div:last-of-type {
+    //margin-bottom: 100px;
+  }
 }
 </style>