outman/frpc-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 优化多分辨率下的显示

Browse Source
This commit is contained in:
刘嘉伟 2024-08-16 23:01:52 +08:00
parent 179da0bbf6
commit 7101f1c7a1
1 changed files with 52 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
src/views/download/index.vue
View File

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