CreditsButton

带积分显示的按钮，继承 Button 的全部能力，在文字右侧额外展示积分数量或订阅图标。若需要带流光动画的版本，请使用 AnimateCreditsButton。

基本用法

显示积分

<script setup lang="ts">
import { CreditsButton } from '@tripo3d/design';
</script>

<template>
  <CreditsButton :credits="30">生成模型</CreditsButton>
</template>

订阅模式

subscribe

开启 subscribe 后用订阅图标替代积分图标。

<CreditsButton :credits="1234" subscribe>订阅升级</CreditsButton>

状态

禁用

<CreditsButton :credits="1234" disabled>生成模型</CreditsButton>

API

Props

继承 Button 的所有 Props，额外提供：

名称	类型	默认值	说明
credits	number	—	积分数量，显示在文字右侧
subscribe	boolean	—	使用订阅图标替代积分图标
iconClass	string	—	积分/订阅图标的 class

Slots

插槽	作用域	说明
default	—	按钮主文字