圣遗物部位图

import { Artifact } from '@shi-zhong/genshin-ui'

<template>
  <div style="background: var(--font-light-gray)">
    <GIcon type="projection" :src="FlowerOfLife" :size="60" />
    <GIcon type="projection" :src="PlumnOfDeath" :size="60" />
    <GIcon type="projection" :src="SandsOfEon" :size="60" />
    <GIcon type="projection" :src="GobletOfEonothem" :size="60" />
    <GIcon type="projection" :src="CircletOfLogos" :size="60" />
  </div>
</template>
<script setup>
  import { ArtifactPicture } from '@shi-zhong/genshin-ui'
  
  const { FlowerOfLife, PlumnOfDeath, SandsOfEon, GobletOfEonothem, CircletOfLogos } = ArtifactPicture;
</script>

显示代码

复制代码片段

源文件导出

// artifact.ts
export enum ArtifactSlots {
  FlowerOfLife = '生之花',
  PlumnOfDeath = '死之羽',
  SandsOfEon = '时之沙',
  GobletOfEonothem = '空之杯',
  CircletOfLogos = '理之冠'
}

export enum ArtifactSlotsCTE {
  '生之花' = 'FlowerOfLife',
  '死之羽' = 'PlumnOfDeath',
  '时之沙' = 'SandsOfEon',
  '空之杯' = 'GobletOfEonothem',
  '理之冠' = 'CircletOfLogos'
}

export type ArtifactSlotsCode = keyof typeof ArtifactSlots
export type ArtifactSlotsChinese = `${ArtifactSlots}`

export const ArtifactPicture = {
  FlowerOfLife,
  PlumnOfDeath,
  SandsOfEon,
  GobletOfEonothem,
  CircletOfLogos
} as const