首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

修改elementUI的el-popconfirm 气泡确认框样式不起效果

问题描述 控制台上能够修改宽高度,把该元素拿来放在源文件中不能起效果; 修改前: 修改后: 解决思路 1.元素没有取对(其实一般改这种官方组件,不是写一长串的类名,以及深度处理器;相反它反而很简单...elementUI官方文档,里面有一个poper-class属性 总结:我没改对样式,是从源头上就错了,并且方法上也有问题;比如我之前取的是这个玩意,并且在编写源码的时候,我有将p写成.p,并且就是我有将同级的类源码中用空格将它隔开...$index == 0"> <el-popconfirm :popper-append-to-body="false" hide-icon...reference"> </el-popconfirm...color: #333333; line-height: 22px; margin: 10px 0 12px 0; padding-left: 9px; } .el-popconfirm

56710
您找到你想要的搜索结果了吗?
是的
没有找到

TDesign 更新周报(2022年8月第5周)

点击选项时派发 click 事件Table: 文本超出提示由 Popup 更为 Tooltip,以便于定制各种提示文本主题色Input: 优化 clearable 按钮显示逻辑,区分 password 输入框Popconfirm...dots 和 dots-bar 样式Grid:align可选值新增 start/end/center等 Bug FixesTable:修复了editableCellState 表现与预期相反的问题允许表头分割线一定范围触发列宽调整逻辑...Popup: 修复 overlayInnerStyle 未监听变化,增强 container 健壮性InputNumber: 修复 string 与 number 比较错误及其导致的分页组件样式异常的问题Popconfirm...: Popconfirm 样式优化Input: 修正 clearable 和 password 模式的预览按钮无法同时存在的问题详情见:https://github.com/Tencent/tdesign-vue-next...onClosed 回调事件Select: option 设置 content 未生效问题Table:修复 tree-select 首次渲染出现 key 为 undefined 的问题修复排序按钮的样式问题允许表头分割线一定范围触发列宽调整逻辑详情见

1.1K20

测试需求平台13-Table组件应用产品列表优化

1.气泡确认Popconfirm 点击元素,弹出气泡式的确认框,一般可替代Modal对话框实现便捷的二次确认操作。...> 是否删除 Popconfirm组件同样有Props属性具体参考引用 更多API:https...2.1 组件构成 参考办公软件Excel在做数据表的时候(表头、行、列)格式,对应一个展示Table便有如下构成: 表头 :说明这一列的信息类别,也可以表头放置一些排序、筛选等操作按钮。...单元格 :表格的主体由多个单元格组成,单元格支持文字、图标、按钮、标签、单选框、复选框等元素。 行列分割线:从视觉上分隔信息。...表格WEB的系统中对数据的展示和操作有着很重要的使用占比,因此有着更多更复杂的使用方法,此篇是最常用的基础需要熟练掌握,当然后续随着测试需求平台更多的需求被实现会更多的讲解Table的知识点。

18510

【to B管理端】消息反馈设计盘点

2、Popover 弹出框 Popover组件类似Tooltip组件,但是Popover组件的提示内容更丰富一些,可以嵌套些标题、表格之类的 3、Popconfirm 气泡确认框 常用于轻量的二次确认...6、Loading 加载 常用于数据加载中提示、操作中提示,Loading的文案可按照具体场景定义 7、Message 消息提示 常用于用户主动操作后的消息提示,比如提交表单,Message悬浮几秒后...10、红点提示 常用于系统推送消息的提示,这是一种比较弱的提示 11、站内信消息框 常用于系统推送消息列表的简短展示 12、表单的错误提示 常用于输入框未填、选择框未选状态下的提示。...防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误。

1.3K41

TDesign 更新周报(2022 年 5 月第 2 周)

新增 file-icon 图标 调整 file-excel、file-pdf、file-powerpoint、file-unknown、file-word 和 star-filled 图标的绘制路径 popconfirm...使用错误出现的问题 tooltip: support set placement by mouse ConfigProvider: 修复 animation 属性 exclude 和 include ...onCloseBtnClick onDurationEnd 事件时,无法触发回调 menu: 修复 expandMutex 属性设置无效 slider: 修复 toolTipProps 属性设置无效, 拼写错误 popconfirm...hold-keyboard 属性 增加安全键盘相关属性 Button: 增加 bindchooseavatar 原生事件,用户选择头像 Input: 支持 borderless 属性Bug Fixes Picker: 修复没有取消和确认按钮的时候...,标题没居中对齐的问题 Sticky: 修复极端情况下报错的问题 详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.11.2

1.6K40

第123期:用vue3结合hooks开发一个可以注册的二次确认弹框

封面图 image.png 中午公司楼顶平台上晒太阳,不知不觉睡着了 背景 上次开发了一个类似popConfirm的二次确认弹框,如下面两个图: 图一 image.png 图二 image.png...完成开发后,准备集成到项目中时忽然发现无法集成到公司内部的组件库中,因为公司的组件库表格的操作项按钮是通过传参的方式进行配置,无法直接使用popConfirm包裹操作按钮的方式进行Dom的书写。...开发前想法 最早的实操方案打算借助于antd中的modal组件,对modal组件重新进行封装,但是发现:当我modal组件中写入相应的dom结构后,如图: 图一 image.png 图二 image.png...然后,我们组件实例化的时候触发一个注册函数register,将组件内部需要对外暴露的方法传给register方法,然后在对应的hooks中可以扩展实例的方法,这样我们就可以实现使用hooks的方式,注册...getCurrentInstance() if (instance) { emit('register', modalMethods, instance.uid) } 最后,我们hooks

1K20

TDesign 更新周报(2022年4月第1周)

BREAKING CHANGES Table: 表格行列拖拽排序功能重构,新用法请参考官网 demo Form: label 为空时不再默认渲染宽度占位,需要手动设置样式保持表单对齐 Bug Fixes Popconfirm...: 修复确认框中按钮默认大小 Upload: 修复上传中状态文案 Popup: 修复 hideEmptyPopup 动态改变内容时不生效的问题 Table: 修复合并单元格边框样式问题 Datepicker...发布 0.39.1 版 Bug Fixes Upload: 修复 success 事件先于 progress 事件触发时,上传文件 loadingFile 值不正确的问题 修复最大数量限制 max 多次文件选择中判断不正确的问题...first-full-row,t-table__row-last-full-row 更为 t-table__last-full-row Bug Fixes Affix: 修复 onFixedChange 触发时机,固定状态发生变化时才会触发该事件...需要手动设置样式保持表单对齐 Bug Fixes Pagination: 修复输入框宽显示问题 Datepicker: 修复区间选择时间,月份/年份选择时间类型异常的问题 InputNumber: 修复不能输入小数点问题 Popconfirm

2.4K20
领券