docs: 组件使用指南 & 部分文档微调

This commit is contained in:
AncTe committed 2025-08-28 17:47:23 +08:00
1 parent d39e2c2159
commit 1169db5dfd
22 files changed
+913 -108

No files matched your search

+19 -10
View File
@@ -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`: 无尾巴下箭头图标
## 使用示例
+15 -4
View File
@@ -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>
```