이 글의 내용은 Reac에서 피부색 변경 기능을 구현하는 방법에 대한 내용입니다. 참고가 필요한 친구들에게 도움이 되었으면 좋겠습니다.
사용자가 선택할 수 있는 여러 가지 테마 색상을 제공하고, 사용자의 선택에 따라 애플리케이션의 테마 색상을 변경합니다.
2. 구현 원칙
다양한 테마 색상
1. 서로 다른 테마 색상에 해당하는 4개의 스타일 파일 준비:
![](https://images2018.cnblogs.com/blog/1178432/201808/1178432-20180813142303707-1847250400.png)
" <span> <i></i> <i></i> <i></i> <i></i> </span> toggleSkin(index){ setItem('skin',index) //将最新的主题色名称更新到本地缓存中 this.loadingToast('主题色更换中..') location.reload() //主题色更改后刷新页面 } "
var aa='' if(getItem('skin')=='0'){ aa='app' }else if(getItem('skin')=='1'){ aa='app-skin1' }else if(getItem('skin')=='2'){ aa='app-skin2' }else if(getItem('skin')=='3'){ aa='app-skin3' }else{ aa='app' } require([`./static/css/${aa}.scss`], function(list){});
./static/css/${aa}.scss
위 내용은 reac은 피부색을 변경하는 기능을 어떻게 구현하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!