添加头像上传功能,优化滚动条样式,调整Gallery页面下载按钮样式,新增自动登录API

This commit is contained in:
2025-12-29 15:53:12 +08:00
parent cec3974cf3
commit 42dcf4195a
6 changed files with 94 additions and 20 deletions
+8 -4
View File
@@ -9,8 +9,9 @@
</template>
</n-input>
<Waterfall class="ml-[10%] !w-[80%]" ref="waterfall" :list="fileList" :gutter="gutter" :columns="column" img-selector="url"
animation-effect="fadeIn" :animation-duration="1000" :animation-delay="300" backgroundColor="transparent"> >
<Waterfall class="ml-[10%] !w-[80%]" ref="waterfall" :list="fileList" :gutter="gutter" :columns="column"
img-selector="url" animation-effect="fadeIn" :animation-duration="1000" :animation-delay="300"
backgroundColor="transparent"> >
<template #item="{ item }">
<div
class="card rounded-md shadow-lg overflow-hidden group transition-transform duration-300 box-border hover:-translate-y-1.5">
@@ -22,9 +23,12 @@
{{ item.filename }}
</div>
<div
class="absolute rounded-md flex z-10 truncate bottom-0 w-full bg-[#00000070] text-white justify-between items-center">
class="absolute rounded-md flex px-2 z-10 truncate bottom-0 w-full bg-[#00000070] text-white justify-between items-center">
<div> <span class="text-[#f1d9db] font-600">{{ item.nickname }}</span> 分享</div>
<icon-download class="cursor-pointer w-4 h-4" @click="downloadFile(item.filepath)" />
<div class="text-sm cursor-pointer text-primary" @click="downloadFile(item.filepath)">
<icon-download class="w-4 h-4" />
下载
</div>
</div>
</div>
</template>