mint-ui的toast字体大小修改

540 阅读1分钟

文章内容仅供参考,欢迎大佬私信和留言

需要使用Toast的当前页面

index.vue

01

import { Toast } from "mint-ui";

02

const  instance = Toast({
   message: '此处不可点击',
   position: 'middle',
   className: 'noticeError',
   duration: 3000
});
setTimeout(() => {
   instance.close();
}, 3000);      

其中className修改成一个自定义的名字

在全局的App.vue的中添加

App.vue

03

.noticeError span { font-size:0.38rem !important; } 

如果Toast的字体只想放在当前页面

当前页面的不能有scoped,否则不能修改

所以我直接放在了全局的vue里

在需要修改字体大小的地方加className