图片间距

src/views/mine-orchestra/photo-list/detail.tsx

@@ -95,17 +95,17 @@ export default defineComponent({
             getList()
           }}
         >
-          <List
-            loading={data.loading}
-            loadingText=" "
-            finished={data.finished}
-            finishedText=" "
-            onLoad={getList}
-            immediateCheck={false}
-          >
-            <div class={styles.phoneListDetail}>
-              <TransitionGroup name="van-fade">
-                <div>
+          <div class={styles.phoneListDetailWrap}>
+            <List
+              loading={data.loading}
+              loadingText=" "
+              finished={data.finished}
+              finishedText=" "
+              onLoad={getList}
+              immediateCheck={false}
+            >
+              <div class={styles.phoneListDetail}>
+                <TransitionGroup name="van-fade">
                   {data.list.map((item: any, index: number) => (
                     <div
                       key={`index-${index}`}
@@ -115,14 +115,14 @@ export default defineComponent({
                       <OImage class={styles.gridImg} src={item.fileUrl} />
                     </div>
                   ))}
-                </div>
 
-                {!data.loading && !data.list.length && (
-                  <OEmpty key="OEmpty1" btnStatus={false} tips="暂无照片" />
-                )}
-              </TransitionGroup>
-            </div>
-          </List>
+                  {!data.loading && !data.list.length && (
+                    <OEmpty key="OEmpty1" btnStatus={false} tips="暂无照片" />
+                  )}
+                </TransitionGroup>
+              </div>
+            </List>
+          </div>
         </OFullRefresh>
       </div>
     )

src/views/mine-orchestra/photo-list/index.module.less

@@ -41,19 +41,19 @@
     font-size: 12px;
   }
 }
-
+.phoneListDetailWrap{
+  min-height: calc(100vh - var(--header-height));
+}
 .phoneListDetail {
   position: relative;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
-  min-height: calc(100vh - var(--header-height));
   .gridItem {
     padding: 1.5px;
-    width: calc(100vw / 3);
+    width: calc(100% / 3);
     height: calc(100vw / 3);
     box-sizing: border-box;
-    display: inline-block;
     .gridImg {
       width: 100%;
       height: 100%;