代客下单增加折扣

src/assets/styles/util.scss

@@ -7,7 +7,9 @@
 .u-abso {
 	position: absolute;
 }
-.u-fixed,.u-fix{
+
+.u-fixed,
+.u-fix {
 	position: fixed;
 }
 
@@ -22,6 +24,7 @@ view,
 text {
 	box-sizing: border-box;
 }
+
 /* #endif */
 
 .u-font-xs {
@@ -130,39 +133,44 @@ text {
 
 // 定义内外边距，历遍1-80
 @for $i from 0 through 80 {
+
 	// 只要双数和能被5除尽的数
-	@if $i % 2 == 0 or $i % 5 == 0 {
+	@if $i % 2==0 or $i % 5==0 {
+
 		// 得出：u-margin-30或者u-m-30
-		.u-margin-#{$i}, .u-m-#{$i} {
-			margin: $i + px!important;
+		.u-margin-#{$i},
+		.u-m-#{$i} {
+			margin: $i + px !important;
 		}
-		
+
 		// 得出：u-padding-30或者u-p-30
-		.u-padding-#{$i}, .u-p-#{$i} {
-			padding: $i + px!important;
+		.u-padding-#{$i},
+		.u-p-#{$i} {
+			padding: $i + px !important;
 		}
-		
+
 		@each $short, $long in l left, t top, r right, b bottom {
+
 			// 缩写版，结果如： u-m-l-30
 			// 定义外边距
 			.u-m-#{$short}-#{$i} {
-				margin-#{$long}: $i + px!important;
+				margin-#{$long}: $i + px !important;
 			}
-			
+
 			// 定义内边距
 			.u-p-#{$short}-#{$i} {
-				padding-#{$long}: $i + px!important;
+				padding-#{$long}: $i + px !important;
 			}
-			
+
 			// 完整版，结果如：u-margin-left-30
 			// 定义外边距
 			.u-margin-#{$long}-#{$i} {
-				margin-#{$long}: $i + px!important;
+				margin-#{$long}: $i + px !important;
 			}
-			
+
 			// 定义内边距
 			.u-padding-#{$long}-#{$i} {
-				padding-#{$long}: $i + px!important;
+				padding-#{$long}: $i + px !important;
 			}
 		}
 	}
@@ -176,116 +184,146 @@ text {
 
 /* start--文本行数限制--start */
 .u-line-1 {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
 }
 
 .u-line-2 {
-    -webkit-line-clamp: 2;
+	-webkit-line-clamp: 2;
 }
 
 .u-line-3 {
-    -webkit-line-clamp: 3;
+	-webkit-line-clamp: 3;
 }
 
 .u-line-4 {
-    -webkit-line-clamp: 4;
+	-webkit-line-clamp: 4;
 }
 
 .u-line-5 {
-    -webkit-line-clamp: 5;
+	-webkit-line-clamp: 5;
 }
 
-.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
-    overflow: hidden;
+.u-line-2,
+.u-line-3,
+.u-line-4,
+.u-line-5 {
+	overflow: hidden;
 	word-break: break-all;
-    text-overflow: ellipsis; 
-    display: -webkit-box; // 弹性伸缩盒
-    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
+	text-overflow: ellipsis;
+	display: -webkit-box; // 弹性伸缩盒
+	-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
 }
 
 /* end--文本行数限制--end */
 
 
 /* start--不同颜色文字--start */
-.color-333{
+.color-333 {
 	color: #333;
 }
-.color-666{
+
+.color-666 {
 	color: #666;
 }
-.color-999{
+
+.color-999 {
 	color: #999;
 }
 
+.color-red {
+	color: rgb(250, 85, 85);
+}
+
+
 /* end--不同颜色文字--end */
 
-
-.tranistion{
+.tranistion {
 	transition: all .3s ease-in-out;
 }
-.tranistion-1{
+
+.tranistion-1 {
 	transition: all .1s ease-in-out;
 }
-.tranistion-2{
+
+.tranistion-2 {
 	transition: all .2s ease-in-out;
 }
-.font-bold{
+
+.font-bold {
 	font-weight: 700;
 }
 
+.font-600 {
+	font-weight: 600;
+}
 
-.bg-gray{
+.bg-gray {
 	background-color: #F9F9F9;
 }
-.w-full{
+
+.w-full {
 	width: 100%;
 }
-.gap-10{
+
+.gap-10 {
 	gap: 10px;
 }
-.gap-20{
+
+.gap-20 {
 	gap: 20px;
 }
-.color-aaa{
+
+.color-aaa {
 	color: #aaa;
 }
-.color-000{
+
+.color-000 {
 	color: #000;
 }
-.color-fff{
+
+.color-fff {
 	color: #fff;
 }
-.bg-fff{
+
+.bg-fff {
 	background-color: #fff;
 }
-.bg-gray{
+
+.bg-gray {
 	background-color: #F9F9F9;
 }
-.overflow-hide{
+
+.overflow-hide {
 	overflow: hidden;
 }
-.no-wrap{
+
+.no-wrap {
 	white-space: nowrap;
 }
-.border-r-12{
+
+.border-r-12 {
 	border-radius: 12px;
 }
-.border-r-18{
+
+.border-r-18 {
 	border-radius: 18px;
 }
-.border-top{
+
+.border-top {
 	border-top: 1px solid #E5E5E5;
 }
-.border-bottom{
+
+.border-bottom {
 	border-bottom: 1px solid #E5E5E5;
 }
-.scale7{
+
+.scale7 {
 	transform: scale(0.7);
 }
 
-.position-all{
+.position-all {
 	left: 0;
 	right: 0;
 	top: 0;
@@ -295,18 +333,20 @@ text {
 .lh16 {
 	line-height: 16px;
 }
-.default-box-padding{
+
+.default-box-padding {
 	padding: 16px 14px;
 }
 
-.zIndex-999{
+.zIndex-999 {
 	z-index: 999;
 }
-.icon-default-size{
+
+.icon-default-size {
 	width: 14px;
 	height: 14px;
 }
 
-.filter-gray{
+.filter-gray {
 	filter: grayscale(1);
 }