split-pane-vue3/dist/style.css

基于 Vue3 的面板分割

.resize-line-pane[data-v-b8b77c6f]{width:100%;height:100%;display:flex}.resize-line-pane.pane-vertical[data-v-b8b77c6f]{flex-direction:row}.resize-line-pane.pane-horizontal[data-v-b8b77c6f]{flex-direction:column}.resize-line-pane .pane[data-v-b8b77c6f]{overflow-y:auto}.resize-line-pane .resize-line.resize-vertical[data-v-b8b77c6f]{flex-shrink:0;height:100%;cursor:w-resize}.resize-line-pane .resize-line.resize-horizontal[data-v-b8b77c6f]{width:100%;cursor:s-resize}.resize-line-pane .resize-line .tip[data-v-b8b77c6f]{margin:auto}.resize-line-pane .resize-line .tip.vertical[data-v-b8b77c6f]{width:6px;height:80px;position:relative;top:40%}.resize-line-pane .resize-line .tip.vertical .line[data-v-b8b77c6f]{width:1px;height:80px;margin-left:1px;float:left}.resize-line-pane .resize-line .tip.horizontal[data-v-b8b77c6f]{width:80px;height:6px;position:relative;top:calc(50% - 3px)}.resize-line-pane .resize-line .tip.horizontal .line[data-v-b8b77c6f]{height:1px;width:80px;margin-bottom:1px}