From 79256a6c55fb3219823836a6f015f3f4edc1d6b4 Mon Sep 17 00:00:00 2001 From: Ryan Wang Date: Tue, 24 May 2022 18:05:05 +0800 Subject: [PATCH] perf: improve attachments list page ui Signed-off-by: Ryan Wang --- .../contents/attachments/AttachmentList.vue | 233 +++++++++++++----- src/views/system/users/Profile.vue | 2 +- src/views/system/users/users-mock.ts | 3 + 3 files changed, 180 insertions(+), 58 deletions(-) diff --git a/src/views/contents/attachments/AttachmentList.vue b/src/views/contents/attachments/AttachmentList.vue index 9333ad32..2b2b56b9 100644 --- a/src/views/contents/attachments/AttachmentList.vue +++ b/src/views/contents/attachments/AttachmentList.vue @@ -2,13 +2,20 @@ import { VPageHeader } from "@/components/base/header"; import { VButton } from "@/components/base/button"; import { VModal } from "@/components/base/modal"; -import { IconPalette, IconSettings } from "@/core/icons"; import { VCard } from "@/components/base/card"; import { VSpace } from "@/components/base/space"; import { ref } from "vue"; +import { + IconArrowLeft, + IconArrowRight, + IconPalette, + IconSettings, +} from "@/core/icons"; const strategyVisible = ref(false); const attachmentSelectVisible = ref(false); +const uploadVisible = ref(false); +const detailVisible = ref(false); const strategies = ref([ { @@ -29,6 +36,19 @@ const strategies = ref([ ]); const selected = ref(strategies.value[0].id); + +const attachments = Array.from(new Array(50), (_, index) => index).map( + (index) => { + return { + id: index, + name: `attachment-${index}`, + url: `https://picsum.photos/1000/700?random=${index}`, + size: "1.2MB", + type: "image/png", + strategy: "本地存储", + }; + } +);