订单

node_modules/uview-ui/libs/css/color.scss

@@ -0,0 +1,155 @@
+.u-type-primary-light {
+	color: $u-type-primary-light!important;
+}
+
+.u-type-warning-light {
+	color: $u-type-warning-light!important;
+}
+
+.u-type-success-light {
+	color: $u-type-success-light!important;
+}
+
+.u-type-error-light {
+	color: $u-type-error-light!important;
+}
+
+.u-type-info-light {
+	color: $u-type-info-light!important;
+}
+
+.u-type-primary-light-bg {
+	background-color: $u-type-primary-light!important;
+}
+
+.u-type-warning-light-bg {
+	background-color: $u-type-warning-light!important;
+}
+
+.u-type-success-light-bg {
+	background-color: $u-type-success-light!important;
+}
+
+.u-type-error-light-bg {
+	background-color: $u-type-error-light!important;
+}
+
+.u-type-info-light-bg {
+	background-color: $u-type-info-light!important;
+}
+
+.u-type-primary-dark {
+	color: $u-type-primary-dark!important;
+}
+
+.u-type-warning-dark {
+	color: $u-type-warning-dark!important;
+}
+
+.u-type-success-dark {
+	color: $u-type-success-dark!important;
+}
+
+.u-type-error-dark {
+	color: $u-type-error-dark!important;
+}
+
+.u-type-info-dark {
+	color: $u-type-info-dark!important;
+}
+
+.u-type-primary-dark-bg {
+	background-color: $u-type-primary-dark!important;
+}
+
+.u-type-warning-dark-bg {
+	background-color: $u-type-warning-dark!important;
+}
+
+.u-type-success-dark-bg {
+	background-color: $u-type-success-dark!important;
+}
+
+.u-type-error-dark-bg {
+	background-color: $u-type-error-dark!important;
+}
+
+.u-type-info-dark-bg {
+	background-color: $u-type-info-dark!important;
+}
+
+.u-type-primary-disabled {
+	color: $u-type-primary-disabled!important;
+}
+
+.u-type-warning-disabled {
+	color: $u-type-warning-disabled!important;
+}
+
+.u-type-success-disabled {
+	color: $u-type-success-disabled!important;
+}
+
+.u-type-error-disabled {
+	color: $u-type-error-disabled!important;
+}
+
+.u-type-info-disabled {
+	color: $u-type-info-disabled!important;
+}
+
+.u-type-primary {
+	color: $u-type-primary!important;
+}
+
+.u-type-warning {
+	color: $u-type-warning!important;
+}
+
+.u-type-success {
+	color: $u-type-success!important;
+}
+
+.u-type-error {
+	color: $u-type-error!important;
+}
+
+.u-type-info {
+	color: $u-type-info!important;
+}
+
+.u-type-primary-bg {
+	background-color: $u-type-primary!important;
+}
+
+.u-type-warning-bg {
+	background-color: $u-type-warning!important;
+}
+
+.u-type-success-bg {
+	background-color: $u-type-success!important;
+}
+
+.u-type-error-bg {
+	background-color: $u-type-error!important;
+}
+
+.u-type-info-bg {
+	background-color: $u-type-info!important;
+}
+
+.u-main-color {
+	color: $u-main-color;
+}
+
+.u-content-color {
+	color: $u-content-color;
+}
+
+.u-tips-color {
+	color: $u-tips-color;
+}
+
+.u-light-color {
+	color: $u-light-color;
+}

node_modules/uview-ui/libs/css/common.scss

@@ -0,0 +1,154 @@
+.u-relative,
+.u-rela {
+	position: relative;
+}
+
+.u-absolute,
+.u-abso {
+	position: absolute;
+}
+
+.u-font-xs {
+	font-size: 22rpx;
+}
+
+.u-font-sm {
+	font-size: 26rpx;
+}
+
+.u-font-md {
+	font-size: 28rpx;
+}
+
+.u-font-lg {
+	font-size: 30rpx;
+}
+
+.u-font-xl {
+	font-size: 34rpx;
+}
+
+.u-flex {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+
+.u-flex-wrap {
+	flex-wrap: wrap;
+}
+
+.u-flex-nowrap {
+	flex-wrap: nowrap;
+}
+
+.u-col-center {
+	align-items: center;
+}
+
+.u-col-top {
+	align-items: flex-start;
+}
+
+.u-col-bottom {
+	align-items: flex-end;
+}
+
+.u-row-center {
+	justify-content: center;
+}
+
+.u-row-left {
+	justify-content: flex-start;
+}
+
+.u-row-right {
+	justify-content: flex-end;
+}
+
+.u-row-between {
+	justify-content: space-between;
+}
+
+.u-row-around {
+	justify-content: space-around;
+}
+
+.u-text-left {
+	text-align: left;
+}
+
+.u-text-center {
+	text-align: center;
+}
+
+.u-text-right {
+	text-align: right;
+}
+
+.u-flex-col {
+	display: flex;
+	flex-direction: column;
+}
+
+// 定义flex等分
+@for $i from 1 through 12 {
+	.u-flex-#{$i} {
+		flex: $i;
+	}
+}
+
+// 定义字体(px)单位，小于20都为px单位字体
+@for $i from 9 to 20 {
+	.u-font-#{$i} {
+		font-size: $i + px;
+	}
+}
+
+// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
+@for $i from 20 through 40 {
+	.u-font-#{$i} {
+		font-size: $i + rpx;
+	}
+}
+
+// 定义内外边距，历遍1-80
+@for $i from 0 through 80 {
+	// 只要双数和能被5除尽的数
+	@if $i % 2 == 0 or $i % 5 == 0 {
+		// 得出：u-margin-30或者u-m-30
+		.u-margin-#{$i}, .u-m-#{$i} {
+			margin: $i + rpx!important;
+		}
+		
+		// 得出：u-padding-30或者u-p-30
+		.u-padding-#{$i}, .u-p-#{$i} {
+			padding: $i + rpx!important;
+		}
+		
+		@each $short, $long in l left, t top, r right, b bottom {
+			// 缩写版，结果如： u-m-l-30
+			// 定义外边距
+			.u-m-#{$short}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-p-#{$short}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+			
+			// 完整版，结果如：u-margin-left-30
+			// 定义外边距
+			.u-margin-#{$long}-#{$i} {
+				margin-#{$long}: $i + rpx!important;
+			}
+			
+			// 定义内边距
+			.u-padding-#{$long}-#{$i} {
+				padding-#{$long}: $i + rpx!important;
+			}
+		}
+	}
+}
+