ionic4设置图标的大小

前言

  ionic给我们提供了非常丰富的图标库：https://ionicons.com/ ，让我们在开发的过程中有了很大的便利性。但是图标本身的大小并不一定是我们想要的大小，所以我们需要进行设置。

设置大小

  假设我想使用一个购物车的图标：

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

  这是人家本来的样式，我想改成蓝色的，大小为20px的：

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

.carticon {
	color: #3880ff;
	font-size: 2rem;
 }

总结

  还是那样，封装的同时又可以允许用户去自定义一些自己想要修改的样式，实现起来很方便。