Ionic自定义颜色
kelvin 发布于 2020-10-30

之前还在使用Ionic3,最近想升级到Ionic4,还不知道Ionic5已经出来了,然后升级Ionic框架,新建了工程,一直以为是Ionic4,看起来更新速度还挺快,想查看Ionic版本号,可以使用ionic info命令。

说到自定义颜色,框架有9种定义好的颜色:

primary,secondary,tertiary,success,warning,danger,dark,medium,light;

在src/app/theme/variables.scss文件中仿照上面九种方式定义颜色,然后再元素上使用,但是没有作用,所以找了很多资料,看到说要在文件中加上.ion-color-XXXX,如下面,后面加上之后可以使用自定义了

.ion-color-customcolor {
  --ion-color-base: var(--ion-color-customcolor);
}

kelvin
关注 私信
文章
92
关注
0
粉丝
0