原生小程序配置公共的样式方法之一

我们无论在写小程序或是其他程序时，难免会遇见同样的颜色值，或者间距值，每次都要写显得麻烦，逼数又不高；

如果哪天需要将整个主题颜色改了，那岂不是得一个一个去查找改，很麻烦，所以，现在我们设置一个公共的样式，如果下次改，只改一个地方就行了，既方便又省事

在app.wxss 中设置

page {
  --themeColor: #1296db;
  --themeFontColor333: #333;
  --themeFontColor666: #666;
  --margin20:20rpx;
}

前三个是作为公共颜色的设置，最后一个是针对距离的设置

使用： 

设置padding值

.warp{padding:var(--margin20);}

设置颜色：

color:var(--themeFontColor666);

刚学的，分享给大家，希望大家不吝赐教        (#^.^#)