ionic3学习笔记（1）修改toast样式

项目中需要使用弹出框，向用户展示提示信息。找到了toast和alert两个组件，alert样式美观，但是必须点击按钮之后才能消失，显然不满足需求。toast可以使用，但是样式非常的吃藕，只能自己修改样式了。网上有大神使用第三方插件，做了非常的炫酷的效果，但是太麻烦（我太懒），找了个简单的办法来修改toast背景色和字体颜色，以及toast宽度。

在variables.scss里面 覆盖的样式

//修改toast样式

$toast-max-width: 300px;

$toast-md-background: #C2272D;

$toast-wp-background:#C2272D;

$toast-ios-background: #C2272D;

$toast-md-title-color:black;

$toast-ios-title-color:black;

$toast-wp-title-color:black;

如下图：