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;

如下图:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容