// 此页面用于测试svg图标的各种引入方式
<template>
  <div>
    <svg-icon icon-class="AccountingPrice" />
    <!-- 添加一个已知可用的图标作为对照 -->
    <svg-icon icon-class="ProductionBonus" />
    
    <!-- 添加一些调试信息 -->
    <div>
      <p>图标类名: AccountingPrice</p>
      <p>SVG ID: #icon-AccountingPrice</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'IconTest',
  mounted() {
    // 检查SVG sprite是否正确加载
    console.log('检查SVG sprite是否存在:', document.querySelector('#icon-AccountingPrice'))
  }
}
</script>

<style scoped>
.svg-icon {
  font-size: 30px;
  margin: 10px;
}
</style>
