From 7101f1c7a1b7da448a8df6b85d904b17e4f488e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=98=89=E4=BC=9F?= <8473136@qq.com>
Date: Fri, 16 Aug 2024 23:01:52 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E4=BC=98=E5=8C=96=E5=A4=9A=E5=88=86?=
 =?UTF-8?q?=E8=BE=A8=E7=8E=87=E4=B8=8B=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/download/index.vue | 92 ++++++++++++++++++++----------------
 1 file changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/views/download/index.vue b/src/views/download/index.vue
index 5cda352..910b7f6 100644
--- a/src/views/download/index.vue
+++ b/src/views/download/index.vue
@@ -121,47 +121,59 @@ onUnmounted(() => {
     <!--    </breadcrumb>-->
     <div class="app-container-breadcrumb pr-2" v-loading="loading > 0">
       <template v-if="versions && versions.length > 0">
-        <div
-            class="w-full bg-white mb-4 rounded p-4 drop-shadow-lg flex justify-between items-center"
-            v-for="version in versions"
-            :key="version.id"
-        >
-          <div class="left">
-            <div class="mb-2">
-              <el-tag>{{ version.name }}</el-tag>
-              <!--              <el-tag class="ml-2">原文件名：{{ version.assets[0]?.name }}</el-tag>-->
-            </div>
-            <div class="text-sm">
-              发布时间：<span class="text-gray-00">{{
-                // moment(version.published_at).format("YYYY-MM-DD HH:mm:ss")
-                version.published_at
-              }}</span>
-            </div>
-          </div>
-          <div class="right">
-            <div v-if="version.download_completed">
-              <el-button type="text">已下载</el-button>
-              <el-button type="text" class="danger-text" @click="handleDeleteVersion(version)">
-                <IconifyIconOffline class="mr-1" icon="delete-rounded"/>
-                删除
-              </el-button>
-
-            </div>
-
-            <template v-else>
-              <div class="w-32" v-if="downloading.has(version.id)">
-                <el-progress
-                    :percentage="downloading.get(version.id)"
-                    :text-inside="false"
-                />
+        <el-row :gutter="20">
+          <el-col
+              v-for="version in versions"
+              :key="version.id"
+              :lg="8"
+              :md="8"
+              :sm="12"
+              :xl="6"
+              :xs="24"
+              class="mb-[20px]"
+          >
+            <div
+                class="w-full bg-white rounded p-4 drop-shadow-lg flex justify-between items-center"
+            >
+              <div class="left">
+                <div class="mb-2">
+                  <el-tag>{{ version.name }}</el-tag>
+                  <!--              <el-tag class="ml-2">原文件名：{{ version.assets[0]?.name }}</el-tag>-->
+                </div>
+                <div class="text-sm">
+                  发布时间：<span class="text-gray-00">{{
+                    // moment(version.published_at).format("YYYY-MM-DD HH:mm:ss")
+                    version.published_at
+                  }}</span>
+                </div>
               </div>
-              <el-button v-else size="small" type="primary" @click="handleDownload(version)">
-                <IconifyIconOffline class="mr-1" icon="download"/>
-                下载
-              </el-button>
-            </template>
-          </div>
-        </div>
+              <div class="right">
+                <div v-if="version.download_completed">
+                  <el-button type="text">已下载</el-button>
+                  <el-button type="text" class="danger-text" @click="handleDeleteVersion(version)">
+                    <IconifyIconOffline class="mr-1" icon="delete-rounded"/>
+                    删除
+                  </el-button>
+
+                </div>
+
+                <template v-else>
+                  <div class="w-32" v-if="downloading.has(version.id)">
+                    <el-progress
+                        :percentage="downloading.get(version.id)"
+                        :text-inside="false"
+                    />
+                  </div>
+                  <el-button v-else size="small" type="primary" @click="handleDownload(version)">
+                    <IconifyIconOffline class="mr-1" icon="download"/>
+                    下载
+                  </el-button>
+                </template>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+
       </template>
       <div
           v-else