mirror of
https://github.com/unanmed/HumanBreak.git
synced 2026-11-04 19:04:32 +08:00
docs: 组件使用指南 & 部分文档微调
This commit is contained in:
1 parent
d39e2c2159
commit
1169db5dfd
22 files changed
+913
-108
No files matched your search
@@ -8,18 +8,27 @@
|
||||
|
||||
图标比例固定,会自动根据传入的长宽缩放。
|
||||
|
||||
图标继承所有图形参数,参考[此文档](../motajs-render-vue/GraphicBaseProps.md)
|
||||
|
||||
## 图标列表
|
||||
|
||||
- `RollbackIcon`: 回退图标
|
||||
- `RetweenIcon`: 回收图标
|
||||
- `ViewMapIcon`: 浏览地图图标
|
||||
- `DanmakuIcon`: 弹幕图标
|
||||
- `ReplayIcon`: 回放图标
|
||||
- `numpadIcon`: 数字键盘图标
|
||||
- `PlayIcon`: 开始播放图标
|
||||
- `PauseIcon`: 暂停播放图标
|
||||
- `DoubleArrow`: 双箭头图标(向右)
|
||||
- `StepForward`: 单步向前图标
|
||||
- `RollbackIcon`: 回退图标
|
||||
- `RetweenIcon`: 回收图标
|
||||
- `ViewMapIcon`: 浏览地图图标
|
||||
- `DanmakuIcon`: 弹幕图标
|
||||
- `ReplayIcon`: 回放图标
|
||||
- `numpadIcon`: 数字键盘图标
|
||||
- `PlayIcon`: 开始播放图标
|
||||
- `PauseIcon`: 暂停播放图标
|
||||
- `DoubleArrow`: 双箭头图标(向右)
|
||||
- `StepForward`: 单步向前图标
|
||||
- `SoundVolume`: 音量图标
|
||||
- `Fullscreen`: 全屏图标
|
||||
- `ExitFullscreen`: 退出全屏图标
|
||||
- `ArrowLeftTailless`: 无尾巴左箭头图标
|
||||
- `ArrowRightTailless`: 无尾巴右箭头图标
|
||||
- `ArrowUpTailless`: 无尾巴上箭头图标
|
||||
- `ArrowDownTailless`: 无尾巴下箭头图标
|
||||
|
||||
## 使用示例
|
||||
|
||||
|
||||
@@ -4,10 +4,10 @@
|
||||
|
||||
## 组件特性
|
||||
|
||||
- **虚拟滚动**:自动裁剪可视区域外元素
|
||||
- **双模式支持**:垂直/水平滚动(默认垂直)
|
||||
- **性能优化**:动态计算可视区域,支持万级元素流畅滚动
|
||||
- **编程控制**:支持精准定位滚动位置
|
||||
- **虚拟滚动**:自动裁剪可视区域外元素
|
||||
- **双模式支持**:垂直/水平滚动(默认垂直)
|
||||
- **性能优化**:动态计算可视区域,支持万级元素流畅滚动
|
||||
- **编程控制**:支持精准定位滚动位置
|
||||
|
||||
---
|
||||
|
||||
@@ -116,3 +116,14 @@ export const MyCom = defineComponent(() => {
|
||||
{page => renderChunk(data.slice(page * 50, (page + 1) * 50))}
|
||||
</Page>
|
||||
```
|
||||
|
||||
### 2. 缓存建议
|
||||
|
||||
如果子元素数量较多,建议给 `Scroll` 组件的所有子元素添加 `nocache` 标记:
|
||||
|
||||
```tsx {2}
|
||||
<Scroll>
|
||||
<item nocache />
|
||||
{/* 更多内容 */}
|
||||
</Scroll>
|
||||
```
|
||||
Reference in new issue
Block a user