热门标签
热门文章
- 1Windows bat 批处理学习_windows管道符执行结果追加到文件
- 22024数学建模美赛C题详细代码思路手把手教学_美赛c2024
- 3mac连接easyconnnect显示“本地环境出现异常”。亲测已解决_easyconnect本地环境出现异常
- 4api-ms-win-core-path-l1-1-0.dll丢失？_api-ms-win-core-l1-1-0.dll 丢失
- 5【软考系统规划与管理师笔记】第7篇 IT服务运营管理_系统规划与管理师 运营管理
- 6python pandas库（自用，持续更新）
- 7如何安全的开放后端接口_接口开放出去
- 8Qt QFrame
- 9【SPIE独立出版，往届已检索|华中科技大学电气与电子工程学院主办|ei会议论文，EI核心，Scopus检索】 第八届能源系统、电气与电力国际学术会议（ESEP 2023）_esep 2023 模版
- 10C语言可变参数函数（printf/scanf）_c语言函数可选参数
当前位置: article > 正文
ElementUI修改Dialog的标题样式_el-dialog__title 样式修改
作者：2023面试高手 | 2024-02-15 19:08:51
赞
踩
el-dialog__title 样式修改
问题描述：
修改Dialog弹出框标题样式，要求车牌号为蓝色，后面的文本为默认样式效果如图：
原因分析：
通过看源码发现<el-dialog>的title实际上是一个<slot>插槽，只需要在插槽里布好局就可以修改样式。
解决方案：
代码如下：
<el-dialog v-model="QRCodeVisible" center>
<template #title>
<div class='titleZise'><span class="QRTitle">{{QRCodeTitle}}</span>代驾险二维码</div>
</template>
</el-dialog>
- 1
- 2
- 3
- 4
- 5
然后在CSS中设置相应的样式即可。
效果图：
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/86107
推荐阅读
相关标签
