element-plus / element-plus

🎉 A Vue.js 3 UI Library made by Element team
https://element-plus.org
MIT License
24.52k stars 16.57k forks source link

[Feature Request] 添加一个el-split组件, #18081

Closed whenTheMorningDark closed 1 month ago

whenTheMorningDark commented 2 months ago

Existing Component

No

Component Name

el-split

Description

该组件是用于左右伸缩,或者上下伸缩,嵌套伸缩等功能

btea commented 2 months ago

Can you describe it in more detail, such as the approximate design effect, supported configurations, and specific usage scenarios?

whenTheMorningDark commented 2 months ago

Can you describe it in more detail, such as the approximate design effect, supported configurations, and specific usage scenarios?

image image

 <el-split :style="{
        height: '200px',
        width: '100%',
        minWidth: '500px',
        border: '1px solid #ddd'
      }"
      v-model:size="size"
      min="80px"
    >
      <template #left>
        left
      </template>
      <template #right>
        right
      </template>
    </el-split>

类似这样的这样的方式,因为我在业务中大量使用,也基于element-plus二开过,我可以提供pr

kooriookami commented 2 months ago

很实用的组件,欢迎提交PR

whenTheMorningDark commented 2 months ago

很实用的组件,欢迎提交PR

ok

wkl007 commented 2 months ago

应该类似这个 https://yui.vip/components/split

whenTheMorningDark commented 2 months ago

应该类似这个 https://yui.vip/components/split

哇 这个真的很不错的ui框架

wkl007 commented 1 month ago

Ant Design 也有这个组件了 https://ant.design/components/splitter-cn

github-actions[bot] commented 2 weeks ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定,因为关闭后没有任何近期活动。如果有相关 bug,请重新创建一个新 issue。