Vue中修改Mint UI的Toast默认样式之字体大小调整方式

这篇文章主要介绍了Vue中修改Mint UI的Toast默认样式之字体大小调整方式，具有很好的参考价值，希望对大家有所帮助。

1- 给Toast添加className

Toast({
	message: '请输入正确的手机号码',
	duration: 800,
	className: 'noticeError'
});

2- 添加样式 。注意：取消scope，设为全局样式； 添加!important

stylus ，这里就没有加花括号、冒号和分号了。不要在意这些细节

.noticeError
	// font-size 28px !important
	transform scale(2) !important
	margin-left -.6rem !important

这里，我的本意是放大Toast中的字号。然鹅，设置的font-size并不能生效。 所以转换思路，改为放大整个Toast模块。放大之后，Toast的位置就跑偏了。所以通过marginl-left进行微调。