update all avatar

MortarHQ · Apr 1, 2024 · 250b028 · 250b028
1 parent a5a0b36
commit 250b028
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 2 deletions.
diff --git a/public/avatar/FLAME_FORST.jpg b/public/avatar/FLAME_FORST.jpg
diff --git a/public/avatar/WaterOfChaos.jpg b/public/avatar/WaterOfChaos.jpg
diff --git a/public/avatar/alaya.jpg b/public/avatar/alaya.jpg
diff --git a/public/avatar/bai_fan_zhou_jing.jpg b/public/avatar/bai_fan_zhou_jing.jpg
diff --git a/public/avatar/gayaqi.jpg b/public/avatar/gayaqi.jpg
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/assets/appreciationList.json b/src/assets/appreciationList.json
@@ -10,37 +10,47 @@
     {
         "name": "WaterOfChaos",
         "contribute": "管理【无偿】",
+        "avatar": "./avatar/WaterOfChaos.jpg",
         "date": "2022-2024"
     },
     {
         "name": "bai_fan_zhou_jing",
         "contribute": "管理【无偿】",
+        "avatar": "./avatar/bai_fan_zhou_jing.jpg",
         "date": "2023-2024"
     },
     {
         "name": "bai_fan_zhou_jing",
         "contribute": "无偿捐助 14.52",
+        "avatar": "./avatar/bai_fan_zhou_jing.jpg",
+        "isDonated": true,
         "date": "2024-03"
     },
     {
         "name": "gayaqi",
         "contribute": "无偿捐助 20",
+        "avatar": "./avatar/gayaqi.jpg",
+        "isDonated": true,
         "date": "2024-03"
     },
     {
         "name": "alaya",
         "contribute": "无偿捐助 10",
+        "avatar": "./avatar/alaya.jpg",
+        "isDonated": true,
         "date": "2024-03-31"
     },
     {
         "name": "FLAME_FORST",
         "contribute": "无偿捐助 20",
+        "isDonated": true,
         "date": "2024-04-01",
-        "avatar": "https://a1.qpic.cn/psc?/V12AZ74i4Ff4sj/bqQfVz5yrrGYSXMvKr.cqc8ijrmIKvSE7CuyTeidOVeYgSWe*Ff26dA4yy5aCtChxEddUK*2geEHyW8Q2vuzdqhZOfWysLcTTApDPaUL564!/c&ek=1&kp=1&pt=0&bo=gAKAAoACgAIBFzA!&tl=3&vuin=954261256&tm=1711933200&dis_t=1711934989&dis_k=ebe9aeb8224fd5e8269a68bf5e07efb2&sce=60-2-2&rf=viewer_4",
+        "avatar": "./avatar/FLAME_FORST.jpg",
         "describe": "地雷不要在我家卡服！"
     },
     {
         "name": "佚名",
+        "isDonated": true,
         "contribute": "无偿捐助 20"
     }
 ]
diff --git a/src/components/AppreciationCard.vue b/src/components/AppreciationCard.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="appreciationCardContainer">
+  <div
+    class="appreciationCardContainer"
+    :class="{
+      donated: props.isDonated,
+    }"
+  >
     <header>
       <IconAvatar :avatar="props.avatar" />
       <div class="name">
@@ -55,6 +60,11 @@ const props = defineProps({
     required: false,
     default: "",
   },
+  isDonated: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 });
 </script>
 
@@ -72,6 +82,16 @@ const props = defineProps({
   background: var(--Color-Background-bg-color, #fff);
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
 
+  &.donated {
+    box-shadow: 0px 2px 8px 0px #c45656;
+  }
+
+  &:hover {
+    transform: scale(101%) translateY(-4px);
+    box-shadow: 0px 2px 45px 2px #337ecc;
+    z-index: 9999;
+  }
+
   header {
     position: relative;
     display: flex;