项目中需要使用弹出框,向用户展示提示信息。找到了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;
如下图: