gameui/drawing
2
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

进度条提前

Browse Source
This commit is contained in:
桜華
2023-02-19 06:21:03 +08:00
parent f714c0db32
commit f7a646447e
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/index.vue
View File

@@ -80,13 +80,13 @@ div(class="mt-[60px] grid grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 text-white b
)
img(:src="IconStack")
// 卡片模式
div.flex(:class="{'justify-center': !views.cardMode, 'flex-col':views.cardMode}")
div.flex.flex-wrap.gap-6(:class="{'justify-center': !views.cardMode, 'flex-col':views.cardMode}")
template(v-for="task in tasks" :key="task.id")
div.relative.bg-green-600.rounded-md(v-if="task.data" style="max-width: min(512px, 100%);")
div.object-contain
div.relative.bg-green-600.rounded-md.overflow-hidden.w-512px.h-512px.min-w-512px.transition-all.duration-150.ease-linear
div.object-contain(v-if="task.data")
img(loading="lazy" :src="img" alt="task" v-for="img in task.data" :key="img")
div.absolute.left-2.right-2.bottom-2.h-8.bg-green-500.rounded-full.overflow-hidden.text-green-900.text-xs
div.h-full.flex.items-center.text-center.px-2.bg-green-400(:style="`width:${task.progress*100}%`") {{ task.status }} {{ task.progress*100 }}%
div.h-full.flex.items-center.text-center.px-2.bg-green-400.transition-all.duration-5000.ease-linear(:style="`width:${task.progress*100}%`") {{ task.status }} {{ task.progress*100 }}%
div.absolute.inset-0.flex.flex-col.items-center.justify-center.transition-opacity.bg-gradient-to-t.to-transparent.opacity-0(class="hover:cursor-pointer hover:opacity-100 from-black/90")
pre {{ task }}
// 右侧参数