Taro+VSCode统一样式和公共配置

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

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容