vue3 & Element-plus修改内置样式复现代码

        笔者在修改Element-plus的内置样式时,遇到一点挫折,现提供需求场景与解决方案。

一、实现(1)透明弹窗可拖拽,且不影响点击弹窗外内容;(2)弹窗内置表格,表格需修改样式颜色,且鼠标放置在某一行时改变该行样式。

        vue3中的模板:定义一个点击弹窗按钮,弹出弹窗内容;定义一个其它按钮,显示不影响点击弹窗外内容的功能。

        vue3中setup代码,主要是阻止对话框的关闭,以及对页面的穿透,实现可点击弹窗外内容的功能。

        最重要的内置样式修改,更改弹窗样式,更改表格样式。

        最后,附上运行效果图:

vue3 & Element-plus修改内置样式复现代码_第1张图片

参考提供思路的博客:ElementUI中table里header-row-style设置背景颜色不生效解决方法_rowstyle背景颜色不生效-CSDN博客https://blog.csdn.net/weixin_46533954/article/details/119912772

el-dialog背景色、文字颜色修改以及最终实现效果_el-dialog title颜色-CSDN博客https://blog.csdn.net/weixin_70027586/article/details/128900985

二、待

你可能感兴趣的:(前端,javascript,开发语言)