237899745/vue-driven-cloud-storage
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: align share and direct-link table layout

Browse Source
This commit is contained in:
yuyx
2026-02-17 22:42:11 +08:00
parent b261d2750c
commit 5f7599bd0d
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app.html
View File

@@ -3033,7 +3033,7 @@
<thead> <thead>
<tr style="border-bottom: 2px solid #ddd;"> <tr style="border-bottom: 2px solid #ddd;">
<th style="padding: 10px; text-align: left; width: 18%;">文件路径</th> <th style="padding: 10px; text-align: left; width: 18%;">文件路径</th>
<th style="padding: 10px; text-align: left; width: 30%;">分享链接</th> <th style="padding: 10px; text-align: left; width: 30%;">链接地址</th>
<th style="padding: 10px; text-align: center; width: 8%;">访问次数</th> <th style="padding: 10px; text-align: center; width: 8%;">访问次数</th>
<th style="padding: 10px; text-align: center; width: 8%;">下载次数</th> <th style="padding: 10px; text-align: center; width: 8%;">下载次数</th>
<th style="padding: 10px; text-align: center; width: 16%;">到期时间</th> <th style="padding: 10px; text-align: center; width: 16%;">到期时间</th>
@@ -3090,11 +3090,12 @@
<table v-else class="share-list-table"> <table v-else class="share-list-table">
<thead> <thead>
<tr style="border-bottom: 2px solid #ddd;"> <tr style="border-bottom: 2px solid #ddd;">
<th style="padding: 10px; text-align: left; width: 22%;">文件路径</th> <th style="padding: 10px; text-align: left; width: 18%;">文件路径</th>
<th style="padding: 10px; text-align: left; width: 30%;">直链地址</th> <th style="padding: 10px; text-align: left; width: 30%;">链接地址</th>
<th style="padding: 10px; text-align: center; width: 8%;">下载</th> <th style="padding: 10px; text-align: center; width: 8%;">访问次数</th>
<th style="padding: 10px; text-align: center; width: 8%;">下载次数</th>
<th style="padding: 10px; text-align: center; width: 16%;">到期时间</th> <th style="padding: 10px; text-align: center; width: 16%;">到期时间</th>
<th style="padding: 10px; text-align: center; width: 24%;">操作</th> <th style="padding: 10px; text-align: center; width: 20%;">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -3103,6 +3104,7 @@
<td style="padding: 10px; overflow: hidden;"> <td style="padding: 10px; overflow: hidden;">
<span class="share-list-link-text" :title="link.direct_url">{{ link.direct_url }}</span> <span class="share-list-link-text" :title="link.direct_url">{{ link.direct_url }}</span>
</td> </td>
<td style="padding: 10px; text-align: center; color: var(--text-muted);" title="直链暂不统计访问次数">—</td>
<td style="padding: 10px; text-align: center;">{{ link.download_count || 0 }}</td> <td style="padding: 10px; text-align: center;">{{ link.download_count || 0 }}</td>
<td style="padding: 10px; text-align: center;"> <td style="padding: 10px; text-align: center;">
<span v-if="!link.expires_at" style="color: #22c55e;"><i class="fas fa-infinity"></i> 永久有效</span> <span v-if="!link.expires_at" style="color: #22c55e;"><i class="fas fa-infinity"></i> 永久有效</span>