背景

在ionic3中toast的樣式預設是黑底白字，客戶感覺黑底白字不太吉利，所以要修改一下背景色。

修改方法

在網上查詢到的方法是：

1. 新增自定義樣式
2. 修改toast的cssClass

程式碼類似這樣：

this.toastCtrl.create({
    message: messages,
    duration: 100000,
    position: 'top',
    cssClass: 'error'
});

參考：https://www.jianshu.com/p/e37d67bddf5d

但是原有專案中有N個地方使用toast，全域性替換可行，但是感覺有點麻煩:(

全域性修改

編輯檔案src/theme/variables.scss,新增樣式

$toast-ios-background: #379dfc;
$toast-md-background: #379dfc;
$toast-wp-background: #379dfc;

可全域性修改toast的背景顏色。

還可以修改字型顏色，字型大小等，具體可以參考：https://ionicframework.com/docs/v3/api/components/toast/ToastController/#sass-variables