mint-ui如何自定义messageBox样式
makebo · 116浏览 · 发布于2023-06-20
这篇文章主要介绍了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('查看订单') } })
相关推荐
PHP实现部分字符隐藏
沙雕mars · 1325浏览 · 2019-04-28 09:47:56
Java中ArrayList和LinkedList区别
kenrry1992 · 908浏览 · 2019-05-08 21:14:54
5月语言排行榜:R 跌出前二十,Python 紧咬 C++
manongba · 687浏览 · 2019-05-09 17:27:24
Tomcat 下载及安装配置
manongba · 970浏览 · 2019-05-13 21:03:56
什么是SpringBoot
iamitnan · 1086浏览 · 2019-05-14 22:20:36
分类专栏
最新发布
最热排行
0评论