基础

文本大小： xs sm df lg xl xxl sl xsl

.text-xs {font-size: 20upx;}
.text-sm {font-size: 24upx;}
.text-df {font-size: 28upx;}
.text-lg {font-size: 32upx;}
.text-xl {font-size: 36upx;}
.text-xxl {font-size: 44upx;}
.text-sl {font-size: 80upx;}
.text-xsl {font-size: 120upx;}

内外边距大小：xs sm 默认 lg xl

.margin-0 {margin: 0;}
.margin-xs {margin: 10upx;}
.margin-sm {margin: 20upx;}
.margin {margin: 30upx;}
.margin-lg {margin: 40upx;}
.margin-xl {margin: 50upx;}

颜色：

.bg-red {background-color: #e54d42;color: #ffffff;}
.bg-orange {background-color: #f37b1d;color: #ffffff;}
.bg-yellow {background-color: #fbbd08;color: #333333;}
.bg-olive {background-color: #8dc63f;color: #ffffff;}
.bg-green {background-color: #39b54a;color: #ffffff;}
.bg-cyan {background-color: #1cbbb4;color: #ffffff;}
.bg-blue {background-color: #0081ff;color: #ffffff;}
.bg-purple {background-color: #6739b6;color: #ffffff;}
.bg-mauve {background-color: #9c26b0;color: #ffffff;}
.bg-pink {background-color: #e03997;color: #ffffff;}
.bg-brown {background-color: #a5673f;color: #ffffff;}
.bg-grey {background-color: #8799a3;color: #ffffff;}
.bg-gray {background-color: #f0f0f0;color: #333333;}
.bg-black {background-color: #333333;color: #ffffff;}
.bg-white {background-color: #ffffff;color: #666666;}