mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-04-30 11:23:24 +08:00
38 lines
937 B
Markdown
38 lines
937 B
Markdown
# 图标组件 API
|
|
|
|
## Props 属性说明
|
|
|
|
| 属性名 | 类型 | 必填 | 描述 |
|
|
| ------ | ---------------- | ---- | ---------- |
|
|
| `loc` | `ElementLocator` | 是 | 图标定位符 |
|
|
|
|
图标比例固定，会自动根据传入的长宽缩放。
|
|
|
|
## 图标列表
|
|
|
|
- `RollbackIcon`: 回退图标
|
|
- `RetweenIcon`: 回收图标
|
|
- `ViewMapIcon`: 浏览地图图标
|
|
- `DanmakuIcon`: 弹幕图标
|
|
- `ReplayIcon`: 回放图标
|
|
- `numpadIcon`: 数字键盘图标
|
|
- `PlayIcon`: 开始播放图标
|
|
- `PauseIcon`: 暂停播放图标
|
|
- `DoubleArrow`: 双箭头图标（向右）
|
|
- `StepForward`: 单步向前图标
|
|
|
|
## 使用示例
|
|
|
|
```tsx
|
|
import { defineComponent } from 'vue';
|
|
import { RollbackIcon } from '@user/client-modules';
|
|
|
|
export const MyCom = defineComponent(() => {
|
|
return () => (
|
|
<container>
|
|
<RollbackIcon loc={[32, 32, 64, 64]} />
|
|
</container>
|
|
);
|
|
});
|
|
```
|