完成3.1样式修改

uni.scss

@@ -73,4 +73,58 @@ $uni-font-size-title:40upx;
 $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:36upx;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:30upx;
+$uni-font-size-paragraph:30upx;
+
+
+
+/* ==================
+       自定义变量   
+ ==================== */
+ $spaceTypes: (
+	m: margin,
+	p: padding
+);
+$spaceDirections: (
+	t: top,
+	r: right,
+	b: bottom,
+	l: left
+);
+$spaceSizes: (
+	2: 2rpx,
+	4: 4rpx,
+	8: 8rpx,
+	10: 10rpx,
+	15: 15rpx,
+	20: 20rpx,
+	24: 24rpx,
+	30: 30rpx
+);
+
+    
+/*盒子模型*/
+@each $typeKey, $type in $spaceTypes {
+	@each $sizeKey, $size in $spaceSizes {
+		// margin-top:10rpx
+		@each $directionKey, $direction in $spaceDirections {
+			.#{$typeKey}#{$directionKey}#{$sizeKey} {
+				#{$type}-#{$direction}: $size;
+			}
+		}
+
+		// margin: 10rpx 0;
+		.#{$typeKey}x#{$sizeKey} {
+			#{$type}-left: $size;
+			#{$type}-right: $size;
+		}
+		.#{$typeKey}y#{$sizeKey} {
+			#{$type}-top: $size;
+			#{$type}-bottom: $size;
+		}
+
+		// margin: 10rpx ;
+		.#{$typeKey}a#{$sizeKey} {
+			#{$type}: $size;
+		}
+	}
+}