ionic主题更换

定义主题文件

参照默认的主题文件variables.scss中的primary样式(ionic组件默认使用primary样式,定制其他主题时就可以根据primary的样式名进行更改)

 自定义一个薄荷色的主题(默认primary中的样式名必须要有,有新需求可自定义增加)

若新主题是单独的文件需要在variables.scss中引入

 

 页面使用主题色,使用var的方式,第一个参数为使用主题的样式名,第二个参数是第一参数的样式名不存在时使用这个参数中值

  更换主题app.component.html中组件ion-app的属性class更换为想要的主题名字

 可参考此处进行主题更换功能实现https://www.cnblogs.com/sugarwxx/p/16779685.html

 

posted @ 2023-06-30 12:12  流年sugar  阅读(44)  评论(0编辑  收藏  举报