feat: UI and intro updates

YurierDept · Feb 16, 2024 · 2c93216 · 2c93216
1 parent fd9daab
commit 2c93216
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/components/ResultItem.vue b/components/ResultItem.vue
@@ -2,7 +2,7 @@
 import type { Detail } from 'get-bonus';
 
 import { toast } from 'vue-sonner';
-import { Copy } from 'lucide-vue-next';
+import { Copy, Store, Calendar, BadgeJapaneseYen } from 'lucide-vue-next';
 
 const props = defineProps<{
   data: Detail;
@@ -30,13 +30,18 @@ async function copyUrl() {
     </span>
     <span class="mt-2 flex items-center gap-2">
       <a :href="baseUrl" target="_blank">
-        <Badge variant="outline" class="select-none">{{ data.provider }}</Badge>
+        <Badge variant="outline" class="select-none">
+          <Store class="w-3 h-3 mr-2"></Store>
+          {{ data.provider }}
+        </Badge>
       </a>
       <Badge v-if="data.date" variant="outline"
-        ><span class="select-none mr-1">发售于</span><span>{{ data.date }}</span>
+        ><Calendar class="w-3 h-3 mr-2"></Calendar>
+        <span class="select-none mr-1">发售日:</span><span>{{ data.date }}</span>
       </Badge>
       <Badge v-if="data.price" variant="outline"
-        ><span class="select-none mr-1">¥</span><span>{{ data.price }}</span>
+        ><BadgeJapaneseYen class="w-3 h-3 mr-2"></BadgeJapaneseYen>
+        <span>{{ data.price }}</span><span class="select-none ml-1">円</span>
       </Badge>
     </span>
     <ul>

diff --git a/components/UsageHelp.vue b/components/UsageHelp.vue
@@ -76,7 +76,7 @@ import { BookCheck, Bug, Compass, Info, PackageOpen } from 'lucide-vue-next';
         本项目的贡献者
       </a>
       与其他同好撰写； 各商家对各自的特典信息与特典发放行为有最终解释权；
-      特典图片仅用于展示与传达信息，其版权均归原作者。
+      特典图片仅用于展示与传达信息，其版权均归原作者；价格标签会标注货币单位，其中「円」为日元。
     </p>
     <p>
       <Badge component="span" variant="outline" class="select-none mr-1">