Initial import: H5 front-end and houtai backend (exclude secrets and uploads).

Made-with: Cursor

h5/static/style/mixin/space.scss

@@ -0,0 +1,80 @@
+// 定义内外边距 1-80(可以等于80)之间的偶数(双数)（补充uview边距类）
+// 能被5除尽的1-80之间的数，如5，10，15，35等
+// u-padding-x == u-p-x
+// u-padding-left-x == u-p-l-x ...
+// u-margin-x == u-m-x
+// u-margin-left-x == u-m-l-x ...
+@for $i from 0 through 80 {
+	// 只要双数和能被5除尽的数
+	@if $i % 2 == 0 or $i % 5 == 0 {
+		// 缩写版，结果如： u-m-l-30
+		// 定义外边距
+		.u-m-tb-#{$i} {
+			margin-top: $i + rpx!important;
+			margin-bottom: $i + rpx!important;
+		}
+		.u-m-lr-#{$i} {
+			margin-left: $i + rpx!important;
+			margin-right: $i + rpx!important;
+		}
+		// 定义内边距
+		.u-p-tb-#{$i} {
+			padding-top: $i + rpx!important;
+			padding-bottom: $i + rpx!important;
+		}
+		// 定义内边距
+		.u-p-lr-#{$i} {
+			padding-left: $i + rpx!important;
+			padding-right: $i + rpx!important;
+		}
+	}
+}
+// /* 间距大小 10rpx ~ 50rpx */
+// @for $i from 1 to 6{
+// 	.m-#{$i*10} {
+// 	  margin: $i * 10rpx;
+// 	}
+// 	.mt-#{$i*10} {
+// 	  margin-top: $i * 10rpx;
+// 	}
+// 	.ml-#{$i*10} {
+// 	  margin-left: $i * 10rpx;
+// 	}
+//   .mr-#{$i*10} {
+//     margin-right: $i * 10rpx;
+//   }
+//   .mb-#{$i*10} {
+//     margin-bottom: $i * 10rpx;
+//   }
+//   .mlr-#{$i*10} {
+//     margin-left: $i * 10rpx;
+//     margin-right: $i * 10rpx;
+//   }
+//   .mtb-#{$i*10} {
+//     margin-top: $i * 10rpx;
+//     margin-bottom: $i * 10rpx;
+//   }
+// 	.pt-#{$i*10} {
+// 	  padding-top: $i * 10rpx;
+// 	}
+//   .pl-#{$i*10} {
+//     padding-left: $i * 10rpx;
+//   }
+//   .pr-#{$i*10} {
+//     padding-right: $i * 10rpx;
+//   }
+//   .pb-#{$i*10} {
+//     padding-bottom: $i * 10rpx;
+//   }
+//   .plr-#{$i*10} {
+//     padding-left: $i * 10rpx;
+//     padding-right: $i * 10rpx;
+//   }
+//   .ptb-#{$i*10} {
+//     padding-top: $i * 10rpx;
+//     padding-bottom: $i * 10rpx;
+//   }
+//   .p-#{$i*10} {
+//     padding: $i * 10rpx;
+//   }
+// }