vue 怎么修改 confirm 的文字样式和颜色
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
像是这种弹出框我们一般很少去做文字样式修改,但是也免不了要修改
现在就是这样,有一个需求是要做下样式的修改
通常我们都是这样写,但是当需要修改文本样式的时候,我们需要 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 表示图标颜色
GitHub 加速计划 / vu / vue
80
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 6 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)