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

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

C2B0984B-67FC-4F9B-AFFC-F9F705C3E51D.png

一、首先我们先新建utils文件夹,其次再里面创建config.jsconfig.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

你可能感兴趣的:(Taro+VSCode统一样式和公共配置)