武器图片

<template>
  <div style="background: var(--font-light-gray)">
    <GIcon :size="120" :src="Bow" />
    <GIcon :size="120" :src="Claymore" />
    <GIcon :size="120" :src="Catalyst" />
    <GIcon :size="120" :src="Polearm" />
    <GIcon :size="120" :src="Sword" />
  </div>
</template>
<script setup>
  import { WeaponPicture } from '@shi-zhong/genshin-ui'
  
  const { Bow, Claymore, Catalyst, Polearm, Sword } = WeaponPicture;
</script>

显示代码

复制代码片段

源文件导出

// weapon.ts
export enum Weapons {
  Bow = '弓',
  Claymore = '双手剑',
  Catalyst = '法器',
  Polearm = '长柄武器',
  Sword = '单手剑'
}

export enum WeaponsCTE {
  '弓' = 'Bow',
  '双手剑' = 'Claymore',
  '法器' = 'Catalyst',
  '长柄武器' = 'Polearm',
  '单手剑' = 'Sword'
}

export type WeaponsCode = keyof typeof Weapons
export type WeaponsChinese = `${Weapons}`

export const WeaponPicture: { [key in WeaponCode ]: string } = { /* ** */ } as const