style: home

2026-06-23 09:16:49 +08:00
parent bef99de4c0
commit eb952d31cb
4 changed files with 53 additions and 36 deletions
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+  size?: number | string
+  iconSize?: number | string
+}>(), {
+  size: 80,
+  iconSize: 48,
+})
+</script>
+
+<template>
+  <v-avatar class="brand-avatar-spin" color="primary" :size="size">
+    <v-icon color="red-accent-1" icon="mdi-heart-pulse" :size="iconSize" />
+  </v-avatar>
+</template>
+
+<style scoped>
+.brand-avatar-spin {
+  animation: brand-avatar-spin 0.9s ease-out both;
+}
+
+@keyframes brand-avatar-spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+</style>