feat: init

src/views/user/info/components/latest-notification.vue

@@ -0,0 +1,27 @@
+<template>
+  <a-card class="general-card" :title="$t('userInfo.title.latestNotification')">
+    <a-skeleton v-if="loading" :animation="true">
+      <a-skeleton-line :rows="3" />
+    </a-skeleton>
+    <a-result v-else status="404">
+      <template #subtitle>
+        {{ $t('userInfo.nodata') }}
+      </template>
+    </a-result>
+  </a-card>
+</template>
+
+<script lang="ts" setup>
+import useLoading from '@/hooks/loading'
+
+const { loading, setLoading } = useLoading(true)
+setTimeout(() => {
+  setLoading(false)
+}, 500)
+</script>
+
+<style lang="less" scoped>
+:deep(.arco-result) {
+  padding: 40px 32px 108px;
+}
+</style>