Splitter

vue

<script setup lang="ts"> import { SplitterGroup, SplitterPanel, SplitterResizeHandle } from 'radix-vue' </script> <template> <div class="w-full h-64 px-8 text-green9 font-medium text-sm"> <SplitterGroup id="splitter-group-1" direction="horizontal" > <SplitterPanel id="splitter-group-1-panel-1" :min-size="20" class="bg-white rounded-xl flex items-center justify-center" > Panel A </SplitterPanel> <SplitterResizeHandle id="splitter-group-1-resize-handle-1" class="w-2" /> <SplitterPanel id="splitter-group-1-panel-2" :min-size="20" > <SplitterGroup id="splitter-group-2" direction="vertical" > <SplitterPanel id="splitter-group-2-panel-1" :min-size="20" class="bg-white rounded-xl flex items-center justify-center" > Panel B </SplitterPanel> <SplitterResizeHandle id="splitter-group-2-resize-handle-1" class="h-2" /> <SplitterPanel id="splitter-group-2-panel-2" :min-size="20" class="bg-white rounded-xl flex items-center justify-center" > Panel C </SplitterPanel> </SplitterGroup> </SplitterPanel> </SplitterGroup> </div> </template>

网址：Splitter https://www.yuejiaxmz.com/news/view/261240

相关内容

劈柴机档案
QT拆分器的使用及随窗口改变大小
Qt应用开发(基础篇)——拆分器窗口 QSplitter QSplitterHandle
【可能是全网最丝滑的LangChain教程】十四、LangChain进阶之Text Splitters
如何灵活运用PDF提升工作与学习的效率与便利
大语言模型常见的文本切分方式整理汇总
LosslessCut
劳动节向劳累说NO：MOVA深度清洁方案帮你化繁为简，告别家务烦恼！
试驾凯迪拉克XT4：智驾辅助系统同级佼佼者,但语音识别有待提升
山东联通5G智慧家庭全生态：给生活添彩，给智能加速

随便看看