xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-12 12:13:46 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: adjust UI for task list page

Browse Source
This commit is contained in:
RockYang
2023-09-15 18:16:59 +08:00
parent 4112426848
commit ae135b89d6
3 changed files with 75 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
web/src/views/ImageMj.vue
View File

@@ -225,25 +225,31 @@
trigger="hover"
>
<template #reference>
<el-image :src="scope.item.img_url"
:zoom-rate="1.2"
:preview-src-list="[scope.item.img_url]"
fit="cover"
:initial-index="0" loading="lazy" v-if="scope.item.progress > 0">
<template #placeholder>
<div class="image-slot">
正在加载图片
</div>
</template>
<div v-if="scope.item.progress > 0" class="job-item-inner">
<el-image :src="scope.item.img_url"
:zoom-rate="1.2"
:preview-src-list="[scope.item.img_url]"
fit="cover"
:initial-index="0" loading="lazy">
<template #placeholder>
<div class="image-slot">
正在加载图片
</div>
</template>
<template #error>
<div class="image-slot">
<el-icon>
<Picture/>
</el-icon>
</div>
</template>
</el-image>
<template #error>
<div class="image-slot">
<el-icon>
<Picture/>
</el-icon>
</div>
</template>
</el-image>
<div class="progress">
<el-progress type="circle" :percentage="scope.item.progress" :width="100" color="#47fff1"/>
</div>
</div>
<el-image fit="cover" v-else>
<template #error>
<div class="image-slot">