登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
模力方舟
我知道了
查看详情
登录
注册
Gitee 接口下线公告：检查是否已Star和列出指定Star仓库用户等4个接口将在7月3日下线
代码拉取完成，页面将自动刷新
开源项目
>
WEB应用开发
>
Vue扩展组件
&&
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
147
Star
862
Fork
482
DevUI
/
vue-devui
代码
Issues
47
Pull Requests
0
Wiki
统计
流水线
服务
Gitee Pages
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
SBOM
我知道了，不再自动展开
更新失败，请稍后重试！
移除标识
内容风险标识
本任务被
标识为内容中包含有代码安全 Bug 、隐私泄露等敏感信息，仓库外成员不可访问
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸
已完成
#I4K6S1
sun
创建于
2021-11-29 10:43
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示 ``` <d-splitter style="height: 300px;width: 100%"> <template v-slot:DSplitterPane> <d-splitter-pane size="100px" minSize="50px"> <div > <h2>左侧</h2> <div>初始宽度100px 最小宽度50px</div> </div> </d-splitter-pane> <d-splitter-pane minSize="50px"> <div> <h2>右侧</h2> <div>最小宽度50px</div> </div> </d-splitter-pane> </template> </d-splitter> ``` 以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右部分是按着百分比改变的
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示 ``` <d-splitter style="height: 300px;width: 100%"> <template v-slot:DSplitterPane> <d-splitter-pane size="100px" minSize="50px"> <div > <h2>左侧</h2> <div>初始宽度100px 最小宽度50px</div> </div> </d-splitter-pane> <d-splitter-pane minSize="50px"> <div> <h2>右侧</h2> <div>最小宽度50px</div> </div> </d-splitter-pane> </template> </d-splitter> ``` 以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右部分是按着百分比改变的
评论 (
0
)
sun
创建了
任务
sun
修改了
描述
原值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
新值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
<d-splitter style="height: 300px;width: 100%">
<template v-slot:DSplitterPane>
<d-splitter-pane size="100px" minSize="50px">
<div >
<h2>左侧</h2>
<div>初始宽度100px 最小宽度50px</div>
</div>
</d-splitter-pane>
<d-splitter-pane minSize="50px">
<div>
<h2>右侧</h2>
<div>最小宽度50px</div>
</div>
</d-splitter-pane>
</template>
</d-splitter>
以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右不分是按着百分比改变的
sun
修改了
描述
原值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
<d-splitter style="height: 300px;width: 100%">
<template v-slot:DSplitterPane>
<d-splitter-pane size="100px" minSize="50px">
<div >
<h2>左侧</h2>
<div>初始宽度100px 最小宽度50px</div>
</div>
</d-splitter-pane>
<d-splitter-pane minSize="50px">
<div>
<h2>右侧</h2>
<div>最小宽度50px</div>
</div>
</d-splitter-pane>
</template>
</d-splitter>
以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右不分是按着百分比改变的
新值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
```
<d-splitter style="height: 300px;width: 100%">
<template v-slot:DSplitterPane>
<d-splitter-pane size="100px" minSize="50px">
<div >
<h2>左侧</h2>
<div>初始宽度100px 最小宽度50px</div>
</div>
</d-splitter-pane>
<d-splitter-pane minSize="50px">
<div>
<h2>右侧</h2>
<div>最小宽度50px</div>
</div>
</d-splitter-pane>
</template>
</d-splitter>
```
以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右不分是按着百分比改变的
jecyu
修改了
描述
原值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
```
<d-splitter style="height: 300px;width: 100%">
<template v-slot:DSplitterPane>
<d-splitter-pane size="100px" minSize="50px">
<div >
<h2>左侧</h2>
<div>初始宽度100px 最小宽度50px</div>
</div>
</d-splitter-pane>
<d-splitter-pane minSize="50px">
<div>
<h2>右侧</h2>
<div>最小宽度50px</div>
</div>
</d-splitter-pane>
</template>
</d-splitter>
```
以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右
不
分是按着百分比改变的
新值
[Splitter] 分割器设定为左右分割，并且size使用px像素尺寸，组件初始化后尺寸并没有按着像素显示，仍旧是默认的百分比尺寸显示
```
<d-splitter style="height: 300px;width: 100%">
<template v-slot:DSplitterPane>
<d-splitter-pane size="100px" minSize="50px">
<div >
<h2>左侧</h2>
<div>初始宽度100px 最小宽度50px</div>
</div>
</d-splitter-pane>
<d-splitter-pane minSize="50px">
<div>
<h2>右侧</h2>
<div>最小宽度50px</div>
</div>
</d-splitter-pane>
</template>
</d-splitter>
```
以上代码宽度充满浏览器 100%， 当页面初始化后 拖动浏览器窗口改变大小，可以看到splitter 左右
部
分是按着百分比改变的
jecyu
关联了
DevUI/vue-devui Pull Request !364
jecyu
通过合并
Pull Request !364: 修复：鼠标移动到分割线上的时候，鼠标需要改成可拖动的样式，并且分割线需要添加可拖动标志
将
任务状态
从
待办的
修改为
已完成
展开全部操作日志
折叠全部操作日志
登录
后才可以发表评论
状态
已完成
待办的
进行中
已完成
已关闭
负责人
未设置
标签
未设置
标签管理
里程碑
未关联里程碑
未关联里程碑
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (94)
标签 (113)
dev
main
fix-conflict
zp/refactor-md
feat-badge-zjl
test-push
zp/dev
xingyan/fix-code-review
fix-website-build
feat-drag-drop-xtx
fix-editable-select
fix-md
feat-md
fix-form-token
fix-import-lodash
fix-fullscreen
fix-site
fix-doc
jmy/fix-sidebar
jmy/vision
refactor-md
test-katex
jmy/refresh
jmy/fix
refactor-md-tooltip
fengjiancai-patch-2
jmy/fix-tooltip
fengjiancai-patch-1
jmy/0912
zp/feat-md
jmy/edit-select
jmy/menu
jmy/tooltip
zdstheme
feat-md-demo
jmy/graph
jmy/number
feat-md-checkbox
jmy/final
jmy/select-new
jutiantian/datapickerpro
jmy/feat-select
zds-docs
zp/refactor-pagination
jutiantian/autoComplete
jmy/select
jutiantian/model
jutiantian/drawer
refactor-step
refactor-skeleton
refactor-progress
feat-list
refactor-image-preview
theme
fix-eslint
jmy/form
jutiantian/checkbox
refactor-eslint
jmy/transfer
jmy/textarea
feat-avatar
jmy/input
jutiantian/notification
jutiantian/popover
jutiantian/tooltip_refact
jutiantian/tooltip
jmy/radio-new
xz/fullScreen
jmy/slider
xz/status
fix-build
jutiantian/alert
jmy/radio
zp/refactor
jmy/tree-demo
refactor-carousel
refactor-avatar
refactor-theme
feat-drag-drop
feat-drag-drop-hl
zp/feat-drag-drop
fix-theme
zp/feat-sortable
zp/fix-code-editor
jwd_editorx
revert-1562-dev
kagol/add-doc-nuxt3
kagol/nav-add-version
kagol/update-readme
release-1.4.1
update-version
v1.0.0
dev-table
dev-package
v1.6.29
v1.6.28
v1.6.27
v1.6.26
v1.6.25
v1.6.24
v1.6.23
v1.6.22
v1.6.21
v1.6.20
v1.6.19
v1.6.18
v1.6.17
v1.6.16
v1.6.15
v1.6.14
v1.6.13
v1.6.12
v1.6.11
v1.6.10
v1.6.9
v1.6.8
v1.6.7
v1.6.6
v1.6.5
v1.6.4-select.0
v1.6.4-markdown.1
v1.6.4-markdown.0
v1.6.4-alpha.0
v1.6.4
v1.6.3-select.0
v1.6.3-markdown.3
v1.6.3-editable-select.1
v1.6.3-markdown.2
v1.6.3-markdown.1
v1.6.3
v1.6.2
v1.6.1
v1.6.0
v1.5.15-hotfix.4
v1.5.15-hotfix.3
v1.5.15-hotfix.2
v1.5.15-hotfix.1
v1.5.15-feat.1
v1.5.15
v1.5.14
v1.5.13-hotfix.1
v1.5.13
v1.5.12-hotfix.1
v1.5.12
v1.5.11-hotfix.1
v1.5.11
v1.5.10
v1.5.9
v1.5.8
v1.5.7-hotfix.3
v1.5.7-hotfix.2
v1.5.7-hotfix.1
v1.5.7
v1.5.6
v1.5.5
v1.5.4
v1.5.4-alpha.0
v1.5.3
v1.5.2
v1.5.1
v1.5.0
v1.4.1
v1.4.0
v1.3.4-alpha.3
v1.3.4-alpha.2
v1.3.4-alpha.1
v1.3.4-alpha.0
v1.3.3
v1.3.2
v1.3.1
v1.3.0
v1.2.0
v1.1.0
v1.0.2
v1.0.1
v1.0.0
v1.0.0-rc.17
v1.0.0-beta.220808
v1.0.0-beta.20220808
v1.0.0-beta.220801
v1.0.0-rc.16
v1.0.0-rc.13
v1.0.0-rc.12
v1.0.0-rc.11
v1.0.0-rc.10
v1.0.0-rc.9
v1.0.0-rc.8
v1.0.0-rc.7
v1.0.0-rc.6
v1.0.0-rc.5
v1.0.0-rc.4
v1.0.0-rc.3
v1.0.0-rc.2
v1.0.0-rc.1
v1.0.0-rc.0
v1.0.0-beta.18
v1.0.0-beta.17
v1.0.0-beta.16
v1.0.0-beta.15
v1.0.0-beta.14
v1.0.0-beta.13
v1.0.0-beta.12
v1.0.0-beta.11
v1.0.0-alpha.0
v0.3.0
v0.2.0
v0.1.0
开始日期 - 截止日期
-
置顶选项
不置顶
置顶等级：高
置顶等级：中
置顶等级：低
优先级
不指定
严重
主要
次要
不重要
参与者（1）
TypeScript
1
https://gitee.com/devui/vue-devui.git
git@gitee.com:devui/vue-devui.git
devui
vue-devui
vue-devui
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号，请先登录后再操作。
立即登录
没有帐号，去注册
