上一篇我们已经学会了简单的条件渲染和类函数式组件,这次弄一下统一样式和公共配置

C2B0984B-67FC-4F9B-AFFC-F9F705C3E51D.png
一、首先我们先新建utils文件夹,其次再里面创建config.js和config.less分别存放公共方法和公共样式

57F06A16-45B3-48E7-A6DC-79CE0396ACB8.png
二、在config.js提供公共属性客服电话和公共方法

E2CBCBD7-EB5C-4689-9D6A-FA5260101CA2.png
三、在config.less设置好一些统一的样式

BBEA2C1C-FB6A-4F7E-A48A-18E6547D39A0.png
四、在app.jsx导入公共样式类config.less

9A8BDAF1-5BAD-4B41-98A4-77881E81B423.png
最后就可以在需要的地方直接使用了
比如:在首页使用公共样式

FC304E77-6ECB-4167-A1D9-62044F986988.png
比如:在组件使用客服电话和公共方法

71ADFCBF-428A-4539-98AD-C09A7E066F7C.png