mirror of
https://github.com/motajs/template.git
synced 2026-11-10 13:04:30 +08:00
27 lines
1023 B
Markdown
27 lines
1023 B
Markdown
# 渲染器内嵌演示（临时技术验证）
|
||
|
||
本页是「文档内嵌可运行示例」的**临时技术验证页**，不进入导航；POC 通过后再由用户决定是否保留。
|
||
|
||
## 覆盖范围
|
||
|
||
- 渲染基础：容器、矩形、圆、文字，以及点击图形后计数与颜色的变化。
|
||
- UISystem：`UIController` 打开 / 关闭一个最小 UI，页面上的栈长度与打开状态随之变化。
|
||
|
||
两个示例都只在浏览器中挂载；构建期预渲染会跳过它们，因此不会触碰 `document`。
|
||
|
||
<ClientOnly>
|
||
<RenderDemo :loader="basicLoader" :width="480" :height="320" />
|
||
<RenderDemo :loader="uiLoader" :width="480" :height="320" />
|
||
<template #fallback>
|
||
渲染示例需要浏览器环境。
|
||
</template>
|
||
</ClientOnly>
|
||
|
||
<script setup>
|
||
import RenderDemo from '../.vitepress/components/renderDemo.vue';
|
||
|
||
const basicLoader = () =>
|
||
import('../.vitepress/components/demos/basicRender.vue');
|
||
const uiLoader = () => import('../.vitepress/components/demos/uiSystem.vue');
|
||
</script>
|