remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整代码格式

Browse Source 
- 根据ESLint文件规范格式化app文件夹中的代码
This commit is contained in:
R2m1liA
2025-09-15 17:02:04 +08:00
parent 67794e9523
commit 92c5a3baab
31 changed files with 1542 additions and 1321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
app/components/DocumentList.vue
View File

@ -1,65 +1,75 @@
<template>
<div class="document-list">
<el-card v-for="(doc, index) in documents" :key="index" class="document-card">
<div class="document-info">
<h3>{{ doc.caption || doc.name }}</h3>
<div class="document-content">
<span v-if="doc.size" class="document-meta">大小: {{ formatFileSize(doc.size) }} </span>
<span v-if="doc.ext" class="document-meta">格式: {{ formatFileExtension(doc.ext) }}</span>
<el-button
class="download-button" type="primary"
@click="handleDownload(doc.name, doc.url)">
下载
</el-button>
</div>
</div>
</el-card>
</div>
<div class="document-list">
<el-card
v-for="(doc, index) in documents"
:key="index"
class="document-card"
>
<div class="document-info">
<h3>{{ doc.caption || doc.name }}</h3>
<div class="document-content">
<span v-if="doc.size" class="document-meta"
>大小: {{ formatFileSize(doc.size) }}
</span>
<span v-if="doc.ext" class="document-meta"
>格式: {{ formatFileExtension(doc.ext) }}</span
>
<el-button
class="download-button"
type="primary"
@click="handleDownload(doc.name, doc.url)"
>
下载
</el-button>
</div>
</div>
</el-card>
</div>
</template>
<script setup lang="ts">
defineProps({
documents: {
type: Array as () => Array<StrapiMedia>,
default: () => []
}
})
documents: {
type: Array as () => Array<StrapiMedia>,
default: () => [],
},
});
const handleDownload = async (fileName: string, fileUrl: string) => {
const response = await fetch(fileUrl)
const blob = await response.blob()
const url = window.URL.createObjectURL(blob)
const response = await fetch(fileUrl);
const blob = await response.blob();
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a')
link.href = url
link.download = fileName
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
window.URL.revokeObjectURL(url)
}
const link = document.createElement("a");
link.href = url;
link.download = fileName;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
};
</script>
<style scoped>
.document-list {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.document-meta {
font-size: 0.8rem;
color: var(--el-text-color-secondary);
font-size: 0.8rem;
color: var(--el-text-color-secondary);
}
.download-button {
margin-left: auto;
margin-left: auto;
}
.document-content {
display: flex;
align-items: center;
gap: 1rem;
display: flex;
align-items: center;
gap: 1rem;
}
</style>
</style>