HumanBreak/docs/api/user-client-modules/图标组件.md

1.3 KiB

图标组件 API

Props 属性说明

属性名 类型 必填 描述
loc ElementLocator 图标定位符

图标比例固定,会自动根据传入的长宽缩放。

图标继承所有图形参数,参考此文档

图标列表

  • RollbackIcon: 回退图标
  • RetweenIcon: 回收图标
  • ViewMapIcon: 浏览地图图标
  • DanmakuIcon: 弹幕图标
  • ReplayIcon: 回放图标
  • numpadIcon: 数字键盘图标
  • PlayIcon: 开始播放图标
  • PauseIcon: 暂停播放图标
  • DoubleArrow: 双箭头图标(向右)
  • StepForward: 单步向前图标
  • SoundVolume: 音量图标
  • Fullscreen: 全屏图标
  • ExitFullscreen: 退出全屏图标
  • ArrowLeftTailless: 无尾巴左箭头图标
  • ArrowRightTailless: 无尾巴右箭头图标
  • ArrowUpTailless: 无尾巴上箭头图标
  • ArrowDownTailless: 无尾巴下箭头图标

使用示例

import { defineComponent } from 'vue';
import { RollbackIcon } from '@user/client-modules';

export const MyCom = defineComponent(() => {
    return () => (
        <container>
            <RollbackIcon loc={[32, 32, 64, 64]} />
        </container>
    );
});