前言

??ionic給我們提供了非常豐富的圖標(biāo)庫：https://ionicons.com/ ，讓我們?cè)陂_發(fā)的過程中有了很大的便利性。但是圖標(biāo)本身的大小并不一定是我們想要的大小，所以我們需要進(jìn)行設(shè)置。

設(shè)置大小

??假設(shè)我想使用一個(gè)購物車的圖標(biāo)：

<ion-icon slot="start" name="cart"></ion-icon>

??這是人家本來的樣式，我想改成藍(lán)色的，大小為20px的：

<div class="carticon"><ion-icon slot="start" name="cart"></ion-icon> </div> .carticon {color: #3880ff;font-size: 2rem;}

總結(jié)

??還是那樣，封裝的同時(shí)又可以允許用戶去自定義一些自己想要修改的樣式，實(shí)現(xiàn)起來很方便。

總結(jié)

以上是生活随笔為你收集整理的ionic4设置图标的大小的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。