vue 怎么修改 confirm 的文字样式和颜色

像是这种弹出框我们一般很少去做文字样式修改，但是也免不了要修改

现在就是这样，有一个需求是要做下样式的修改

通常我们都是这样写，但是当需要修改文本样式的时候，我们需要 createElement 新建元素和对象，然后对新建的元素进行标签化设置

this.$confirm('内容提示',{type:'warning'
})
.then(()=>{done()
})
.catch(()=>{})

修改文本样式代码

const h = this.$createElement
this.$confirm('', {title:"提示",type:'warnig',message:h('p', null, [h('span', null, '内容可以是 '),h('i', { style: 'color: red' }, 'xxxxx')]),// iconClass:"el-icon-question colorYellow",
}).then(_ => {done()}).catch(_ => {});

如果需要 icon 图标，需要把注释代码打开，其中 colorYellow 表示图标颜色

vue 怎么修改 confirm 的文字样式和颜色相关推荐

CSS/Compass修改placeholder的文字样式
在HTML5中,<input>与<textarea>标签支持placeholder属性,用来定义无任何输入时的默认文字. 可以通过CSS修改placeholder的文字样式: ...
小程序 rich-text 修改图片和文字样式
小程序 rich-text 修改图片和文字样式 utils文件 /*** 处理富文本里的图片宽度自适应* 1.去掉img标签里的style.width.height属性* 2.img标签添加style ...
qt 更改文字样式和颜色
1.文字样式和颜色分别用两个对话框选择 2.选中文字更改样式或颜色 void child::yangshi(){ bool ok; QFont font = QFontDialog::getFont( ...
Vue ElementUI 修改消息提示框样式---messageBox 的大小
在窄屏模式下(移动端),提示框的宽度太宽,会出现显示不完全的问题. 应当如何修改 ElementUI 的样式呢? open() {this.$confirm(window.vm.$i18n.t(&qu ...
安卓开发：修改app的文字样式
我所理解最深沉的爱莫过于我活成了你的样子 ...
地图省界线什么样_echarts geo 下的regions 单独修改地图省份界线样式与颜色
废话不多说直接上图片与代码: 1593867638(1).jpg import echarts from 'ecahrts'; // 引入echarts文件 import "./china& ...
echarts geo 下的regions 单独修改地图省份界线样式与颜色
废话不多说直接上图片与代码: import echarts from 'ecahrts'; // 引入echarts文件 import "./china" // 引入中国js文件c ...
autocad不能画图_Autocad中的文字样式及标注样式设置
我刚开始工作的时候,主任就安排我出去设代了,刚好运气很不错,遇上了善解人意的业主.热心助人的跟审.技术强大的后方以及没那么事逼的施工方,小日子总的来说过的不错.但是有一天突然接到电话,让我五天之内出一 ...
confirm修改按钮文字_CAD教程来袭，CAD菜鸟们你知道CAD如何创建和设置文字样式吗？...
嗨,我是爱踢汪.在CAD中,使用文字的时候,我们需要对文字对象进行字体.字号以及一些其它的效果进行设置,用以表达不同情况.所有想要显示的文字外观不同效果的设置,都可以通过使用迅捷CAD编辑器的[ ...
修改表格字体颜色_CAD表格文字样式失灵？不，你错了
CAD也疯狂最近有网友私信,说是插入CAD表格文字样式失灵,不受文字样式控制,插入表格后字体仍然是表格原来的字体.其实CAD插入表格中的文字也是受文字样式控制的,在设置表格样式的时候可以设置使用哪种 ...

vue 怎么修改 confirm 的文字样式和颜色

vue 怎么修改 confirm 的文字样式和颜色相关推荐

最新文章

热门文章