Ionic3全域性修改toast樣式

2021-09-21 05:51:25 字數 484 閱讀 5291

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

在網上查詢到的方法是:

新增自定義樣式

修改toast的cssclass

**類似這樣:

this.toastctrl.create();
參考:

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

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

$toast-ios-background: #379dfc;

$toast-md-background: #379dfc;

$toast-wp-background: #379dfc;

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

還可以修改字型顏色,字型大小等,具體可以參考:

ionic3 常用指令

npm install 安裝依賴 npm install g cnpm registry 映象源指向 cnpm install g cordova ionic 安裝cordova ionic cnpm update g cordova ionic 更新cordova ionic ionic help...

安裝使用ionic3

1 安裝ionic3 npm install g ionic latest 2 建立ionic3專案 ionic start mynewproject blank 3 啟動ionic3專案 cd mynewproject ionic serve 4 以cordova的方式啟動專案 如果 中使用了io...

Ionic3使用protobuf教程

1.ionic3 專案使用protobuf請參考nodejs使用protobuf和protobuf官網 2.使用步驟如下 1 在命令列輸入 nom install protobuf 2 在命令執行完成後,檢視ionic3專案目錄下的package.json內是否有prototbufjs項。3 在需要...