elementplus的el-row和el-col布局遇到问题?-灵析社区

春暖花又开

1. 这是写的布局 ![布局](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/fe5bca11a032277fbbca95e5ad91c075.png) 2. 这是样式 图表和排行的高度 ![样式](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/41382b1b576c471651debb3a8c4d445d.png) 3. xl屏幕下的响应式效果 可以看到分为左右两列, 左列有2行2列, 右列有1行1列 ![xl屏幕下效果](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/2c11b2add0696f587a8960646382bdb9.png) 4. md屏幕下因为charts图表不能太窄,所以做了个占满一行,这样就会导致1 2 行的高度加起来正好等于右列排行的高度, 3 4图表就掉下去了, 可以让3 4 图表跨row占满右边排行col占的列吗? ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/a5ec89d0b11999b247dfe66008bbaab5.png) 5. 我有想过用屏幕监听,去动态设置排行的高度, 但是那样实在太长..

阅读量:23

点赞量:0

问AI
HAO起起
提供一个我个人的思路,如果md的情况下,你把3,4在第一个"图表col"中给去掉,在"排行col"的下面加一个24的col,里面放3和4