mint-ui如何自定义messageBox样式
更新时间：2023年05月16日 14:40:05 作者：laishaojiang
这篇文章主要介绍了mint-ui如何自定义messageBox样式问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
mint-ui自定义messageBox样式
mint-ui MessageBox官网文档：
http://mint-ui.github.io/docs/#/zh-cn2/message-box
- API：
- 里面并没有提供自定义的样式api
里面的内容是默认居中显示的，如果我们想改变里面的样式，比如自定义颜色，字体大小该怎么改的。
- 可以这样：
const html = `
<div style="text-align:left;font-size:20px">
内容内容内容内容内容内容<span style="color:red">我红了</span>
</div>
`
MessageBox ({
title: '标题',
message: html,
confirmButtonText: '我知道了'
})- 结果如下
mint UI messagebox用法
this.$messagebox({
title: '温馨提示',
message: '订单支付成功',
showCancelButton: true,
confirmButtonText:"继续购物",
cancelButtonText:"查看订单"
}).then(action => {
if(action == 'confirm'){
console.log('继续购物')
}else{
console.log('查看订单')
}
})总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了element中el-table与el-form同用并校验，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要为大家详细介绍了Vue2项目如何使用pdfjs-dist解析pdf相关,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2025-05-05
这篇文章主要介绍了vue中keep-alive的使用及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-05-05
这篇文章主要介绍了vue时间转换的几种方式,需要的朋友可以参考下2022-05-05
这篇文章主要为大家详细介绍了vue项目中引入外部的js文件的10种方法,文中的示例代码讲解详细,具有一定的借鉴价值,需要的小伙伴可以参考下2023-08-08
Vue使用axios(Ajax)+ElementUI实现登录实践
本文介绍了如何使用Vue和ElementUI框架创建一个登录页面,并实现前后端交互,同时,还讨论了跨域问题的解决方案以及ES6中的箭头函数2026-03-03
这篇文章主要介绍了Vue关于数据绑定出错解决办法的相关资料,需要的朋友可以参考下2017-05-05
vue-cli项目代理proxyTable配置exclude的方法
今天小编就为大家分享一篇vue-cli项目代理proxyTable配置exclude的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在 Vue.js 中,组件是构建应用程序的基本单位,然而,当你的应用程序变得复杂时,组件之间的通信变得至关重要,本文将介绍几种 Vue 组件之间通信的方式,帮助你更好地管理和组织代码,感兴趣的朋友一起看看吧2024-06-06
这篇文章主要为大家详细介绍了Vue中keep-alive组件的作用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
最新评论