mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-10-31 12:12:58 +08:00
47 lines
1.3 KiB
Markdown
47 lines
1.3 KiB
Markdown
# 图标组件 API
|
|
|
|
## Props 属性说明
|
|
|
|
| 属性名 | 类型 | 必填 | 描述 |
|
|
| ------ | ---------------- | ---- | ---------- |
|
|
| `loc` | `ElementLocator` | 是 | 图标定位符 |
|
|
|
|
图标比例固定，会自动根据传入的长宽缩放。
|
|
|
|
图标继承所有图形参数，参考[此文档](../motajs-render-vue/GraphicBaseProps.md)
|
|
|
|
## 图标列表
|
|
|
|
- `RollbackIcon`: 回退图标
|
|
- `RetweenIcon`: 回收图标
|
|
- `ViewMapIcon`: 浏览地图图标
|
|
- `DanmakuIcon`: 弹幕图标
|
|
- `ReplayIcon`: 回放图标
|
|
- `numpadIcon`: 数字键盘图标
|
|
- `PlayIcon`: 开始播放图标
|
|
- `PauseIcon`: 暂停播放图标
|
|
- `DoubleArrow`: 双箭头图标（向右）
|
|
- `StepForward`: 单步向前图标
|
|
- `SoundVolume`: 音量图标
|
|
- `Fullscreen`: 全屏图标
|
|
- `ExitFullscreen`: 退出全屏图标
|
|
- `ArrowLeftTailless`: 无尾巴左箭头图标
|
|
- `ArrowRightTailless`: 无尾巴右箭头图标
|
|
- `ArrowUpTailless`: 无尾巴上箭头图标
|
|
- `ArrowDownTailless`: 无尾巴下箭头图标
|
|
|
|
## 使用示例
|
|
|
|
```tsx
|
|
import { defineComponent } from 'vue';
|
|
import { RollbackIcon } from '@user/client-modules';
|
|
|
|
export const MyCom = defineComponent(() => {
|
|
return () => (
|
|
<container>
|
|
<RollbackIcon loc={[32, 32, 64, 64]} />
|
|
</container>
|
|
);
|
|
});
|
|
```
|