以前寫過一篇文章,被小編無情的拒絕了。說我格式太亂。順便提個建議,每一個人寫文章都有本身的風格,但願社區不要那麼嚴格,給你們一個稍微寬鬆一點的環境。
好吧進入正題。
有時候咱們須要改變ionic的默認樣式,可是直接改庫的話,可能會改壞。因此用sass是最好的辦法了。
scss其實就是sass的升級版。
上步驟。css
百度上有一些教程,嗷嗷嗷嗷安裝。最大的問題就是網絡,只能隨緣了。
我大概這麼裝的:
國內先更換gem安裝源html
gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
命令行輸入:sass
gem install sass gem install compass
將Ionic.app.scss複製到www/css文件夾下,爲了方便。ruby
scss文件中的這些引入的地址,我是這樣寫的網絡
$ionicons-font-path: "../lib/ionic/fonts" !default; @import "../lib/ionic/scss/ionic";
將index.html中全部link到的css刪除。而後加上:<link href="css/ionic.app.css" rel="stylesheet">
app
cd到www/css文件夾下,運行(也就是監聽,檢測到變化後自動編譯):ionic
sass --watch ionic.app.scss:Ionic.app.css// 監聽文件
再打開一個cmd,cd到ionic項目下,運行ionic serve
spa