vue 中使用分割面板 vxe-split 来实现支持拖拽功能

news/2025/3/31 15:47:18/

vue 中使用分割面板 vxe-split 来实现支持拖拽功能

官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://github.com/x-extends/vxe-pc-ui
在这里插入图片描述

<template><div><vxe-split height="300" border><vxe-split-item><div style="height: 100%;background-color: #d8d8f9;">左侧</div></vxe-split-item><vxe-split-item><vxe-split border vertical><vxe-split-item><div style="height: 100%;background-color: #f3e1e1;">顶部</div></vxe-split-item><vxe-split-item><div style="height: 100%;background-color: #e2f9d8;"></div></vxe-split-item><vxe-split-item><div style="height: 100%;background-color: #d8d8f9;">底部</div></vxe-split-item></vxe-split></vxe-split-item></vxe-split></div>
</template>

在这里插入图片描述

https://github.com/x-extends/vxe-pc-ui


http://www.ppmy.cn/news/1583815.html

相关文章

stm32 配置串口的dma

使用stm32CubemX进行配置如下图所示&#xff1a; 生成的代码如下&#xff1a; /*** brief This function handles DMA1 channel6 global interrupt.*/ void DMA1_Channel6_IRQHandler(void) {/* USER CODE BEGIN DMA1_Channel6_IRQn 0 *//* USER CODE END DMA1_Channel6_IRQn …

【TCP/IP、HTTP等网络协议】

网络协议概述 网络协议是计算机网络中用于规范数据传输的一组规则和标准。它们定义了数据的格式、传输方式、错误检测和纠正机制等。不同的协议在不同的网络层次中发挥作用&#xff0c;确保数据能够在复杂的网络环境中可靠地传输。 1. TCP/IP 协议 TCP/IP&#xff08;Transm…

【Nature顶刊级科研绘图】DeepSeek、ChatGPT等大语言模型绘图(如何画图、如何标注、如何改图、如何美化、如何组合、如何排序)

在全球顶尖期刊发表范式发生结构性变革的今天&#xff0c;数据可视化已从辅助工具升级为科学传播的"黄金媒介"&#xff0c;可谓是「一图胜千言」已成为高水平顶级期刊的硬性门槛——数据显示很多情况的拒稿与图表质量直接相关。Nature统计显示&#xff0c;大部分的评…

Android Kotlin 中使用 MPAndroidChart 绘制优雅的曲线图:封装与优化实践

在 Android 开发中&#xff0c;数据可视化是一个非常重要的功能&#xff0c;尤其是曲线图的绘制。MPAndroidChart 是一个功能强大的开源图表库&#xff0c;支持多种图表类型&#xff0c;但在实际使用中&#xff0c;直接调用其 API 可能会导致代码冗余和可维护性差的问题。 为了…

UE学习记录part9

112、animation montages 创建动画蒙太奇 在蒙太奇中&#xff0c;鼠标右键可以拖动帧数&#xff0c;ctrl中间放大缩小 montage section tab可以管理不同section间的链接、跳跃 动画蓝图中需要插入动画蒙太奇的slot来做后处理 113、playing montages from c 代码&#xff1a;…

Blender4.4正式发布:核心更新与渲染101云渲染平台应用指南

2025 年 3 月 18 日&#xff0c;Blender 基金会正式发布了备受期待的 Blender 4.4 版本。本次更新聚焦于渲染引擎优化、创作工具增强及跨平台兼容性提升&#xff0c;结合渲染 101 云渲染平台的强大算力支持&#xff0c;Blender 4.4 的新功能将进一步释放创意潜力。以下是核心内…

NO.58十六届蓝桥杯备战|基础算法-枚举|普通枚举|二进制枚举|铺地毯|回文日期|扫雷|子集|费解的开关|Even Parity(C++)

枚举 顾名思义&#xff0c;就是把所有情况全都罗列出来&#xff0c;然后找出符合题⽬要求的那⼀个。因此&#xff0c;枚举是⼀种纯暴⼒的算法。 ⼀般情况下&#xff0c;枚举策略都是会超时的。此时要先根据题⽬的数据范围来判断暴⼒枚举是否可以通过。 使⽤枚举策略时&#xf…