|
mint-ui自定义messageBox样式
mint-ui MessageBox官网文档:
http://mint-ui.github.io/docs/#/zh-cn2/message-box
里面的内容是默认居中显示的,如果我们想改变里面的样式,比如自定义颜色,字体大小该怎么改的。
- 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('查看订单')
- }
- })
复制代码 总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
来源:https://www.jb51.net/javascript/284552mcc.htm
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作! |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
x
|