更新vue2的sass报错
This commit is contained in:
		
							parent
							
								
									dc5fba137c
								
							
						
					
					
						commit
						4146097331
					
				
							
								
								
									
										4
									
								
								App.vue
									
									
									
									
									
								
							
							
						
						
									
										4
									
								
								App.vue
									
									
									
									
									
								
							| @ -15,7 +15,7 @@ export default { | |||||||
|     }); |     }); | ||||||
|     // 获取配置 |     // 获取配置 | ||||||
|     this.getConfigFun(); |     this.getConfigFun(); | ||||||
| 
 | 	//获取用户 | ||||||
|     this.getUser(); |     this.getUser(); | ||||||
|     // 获取分享 |     // 获取分享 | ||||||
|     this.getShareInfo(); |     this.getShareInfo(); | ||||||
| @ -27,7 +27,7 @@ export default { | |||||||
|     this.bindCode(options); |     this.bindCode(options); | ||||||
|   }, |   }, | ||||||
|   onHide: function () { |   onHide: function () { | ||||||
|     console.log("App Hide"); |     // console.log("App Hide"); | ||||||
|   }, |   }, | ||||||
|   methods: { |   methods: { | ||||||
|     ...mapMutations(["SETCONFIG"]), |     ...mapMutations(["SETCONFIG"]), | ||||||
|  | |||||||
| @ -189,7 +189,7 @@ export default { | |||||||
|         padding: 30rpx 45rpx; |         padding: 30rpx 45rpx; | ||||||
| 
 | 
 | ||||||
|         .input { |         .input { | ||||||
|             border-bottom: $-solid-border; |             border-bottom: $solid-border; | ||||||
|             margin-top: 30rpx; |             margin-top: 30rpx; | ||||||
| 
 | 
 | ||||||
|             input { |             input { | ||||||
| @ -215,7 +215,7 @@ export default { | |||||||
|             padding: 26rpx 0; |             padding: 26rpx 0; | ||||||
| 
 | 
 | ||||||
|             &:not(:last-of-type) { |             &:not(:last-of-type) { | ||||||
|                 border-bottom: $-solid-border; |                 border-bottom: $solid-border; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -535,7 +535,7 @@ | |||||||
|             .bargain-panel { |             .bargain-panel { | ||||||
|                 margin-top: 30rpx; |                 margin-top: 30rpx; | ||||||
|                 padding: 24rpx 24rpx 20rpx; |                 padding: 24rpx 24rpx 20rpx; | ||||||
|                 background-color: $-color-white; |                 background-color: $color-white; | ||||||
|                 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06); |                 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06); | ||||||
|                 border-radius: 20rpx; |                 border-radius: 20rpx; | ||||||
|                 .bargain-panel-header { |                 .bargain-panel-header { | ||||||
| @ -558,7 +558,7 @@ | |||||||
|                     } |                     } | ||||||
|                 } |                 } | ||||||
|                 .invite-btn1 { |                 .invite-btn1 { | ||||||
|                     background-color: $-color-primary; |                     background-color: $color-primary; | ||||||
|                     height: 84rpx; |                     height: 84rpx; | ||||||
|                     margin-top: 36rpx; |                     margin-top: 36rpx; | ||||||
|                     box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); |                     box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); | ||||||
| @ -580,7 +580,7 @@ | |||||||
|                     .invite-friend-btn { |                     .invite-friend-btn { | ||||||
|                         width: 316rpx; |                         width: 316rpx; | ||||||
|                         height: 84rpx; |                         height: 84rpx; | ||||||
|                         background-color: $-color-primary; |                         background-color: $color-primary; | ||||||
|                     } |                     } | ||||||
|                 } |                 } | ||||||
|                 .bargain-code-content { |                 .bargain-code-content { | ||||||
| @ -603,13 +603,13 @@ | |||||||
|                 .btn-container { |                 .btn-container { | ||||||
|                     margin-top: 40rpx; |                     margin-top: 40rpx; | ||||||
|                     .help-knife-btn { |                     .help-knife-btn { | ||||||
|                         background-color: $-color-primary; |                         background-color: $color-primary; | ||||||
|                         height: 84rpx; |                         height: 84rpx; | ||||||
|                         box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); |                         box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); | ||||||
|                     } |                     } | ||||||
|                     .knife-btn { |                     .knife-btn { | ||||||
|                         height: 84rpx; |                         height: 84rpx; | ||||||
|                         background-color: $-color-white; |                         background-color: $color-white; | ||||||
|                         border: 1px solid #BBBBBB; |                         border: 1px solid #BBBBBB; | ||||||
|                         margin-top: 30rpx; |                         margin-top: 30rpx; | ||||||
|                     } |                     } | ||||||
| @ -617,7 +617,7 @@ | |||||||
|                 .code-content { |                 .code-content { | ||||||
|                     margin-top: 30rpx; |                     margin-top: 30rpx; | ||||||
|                     padding: 27rpx 24rpx; |                     padding: 27rpx 24rpx; | ||||||
|                     background-color: $-color-white;                        |                     background-color: $color-white;                        | ||||||
|                     .user-item { |                     .user-item { | ||||||
|                         padding: 15rpx 0; |                         padding: 15rpx 0; | ||||||
|                         margin-top: 10rpx; |                         margin-top: 10rpx; | ||||||
| @ -633,13 +633,13 @@ | |||||||
|                 } |                 } | ||||||
|                 .choose-content { |                 .choose-content { | ||||||
|                     padding: 30rpx 20rpx; |                     padding: 30rpx 20rpx; | ||||||
|                     background-color: $-color-white; |                     background-color: $color-white; | ||||||
|                     border-radius: 10px; |                     border-radius: 10px; | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|             .lunch-btn { |             .lunch-btn { | ||||||
|                 height: 84rpx; |                 height: 84rpx; | ||||||
|                 background-color: $-color-primary; |                 background-color: $color-primary; | ||||||
|                 box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); |                 box-shadow: 0px 3px 10px rgba(235, 36, 51, 0.5); | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| @ -663,7 +663,7 @@ | |||||||
|                 .spec-active-item { |                 .spec-active-item { | ||||||
|                     padding: 8rpx 28rpx; |                     padding: 8rpx 28rpx; | ||||||
|                     color: white; |                     color: white; | ||||||
|                     background-color: $-color-primary; |                     background-color: $color-primary; | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|             .pickup-number { |             .pickup-number { | ||||||
| @ -711,7 +711,7 @@ | |||||||
|         } |         } | ||||||
|         .share-pop-container { |         .share-pop-container { | ||||||
|             height: 500rpx; |             height: 500rpx; | ||||||
|             background-color: $-color-white; |             background-color: $color-white; | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| </style> | </style> | ||||||
| @ -172,7 +172,7 @@ export default { | |||||||
|                 width: 176rpx; |                 width: 176rpx; | ||||||
|                 height: 58rpx; |                 height: 58rpx; | ||||||
|                 flex: none; |                 flex: none; | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -120,7 +120,7 @@ | |||||||
| </script> | </script> | ||||||
| <style lang="scss"> | <style lang="scss"> | ||||||
| 	.goods-combination { | 	.goods-combination { | ||||||
| 		background-color: $-color-primary; | 		background-color: $color-primary; | ||||||
| 		min-height: 100vh; | 		min-height: 100vh; | ||||||
| 
 | 
 | ||||||
| 		.header .img { | 		.header .img { | ||||||
| @ -147,7 +147,7 @@ | |||||||
| 						flex: 1; | 						flex: 1; | ||||||
| 						width: 475rpx; | 						width: 475rpx; | ||||||
| 						.group { | 						.group { | ||||||
| 							border: 1px solid $-color-primary; | 							border: 1px solid $color-primary; | ||||||
| 							border-radius: 4rpx; | 							border-radius: 4rpx; | ||||||
| 							.group-img { | 							.group-img { | ||||||
| 								padding: 2rpx 6rpx; | 								padding: 2rpx 6rpx; | ||||||
|  | |||||||
| @ -142,12 +142,12 @@ | |||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		.copy-btn { | 		.copy-btn { | ||||||
| 			color: $-color-primary; | 			color: $color-primary; | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		.save-btn { | 		.save-btn { | ||||||
| 			color: #fff; | 			color: #fff; | ||||||
| 			background-color: $-color-primary; | 			background-color: $color-primary; | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| </style> | </style> | ||||||
|  | |||||||
| @ -152,7 +152,7 @@ | |||||||
| 	/* pages/luckly_wheel/luckly_wheel.wxss */ | 	/* pages/luckly_wheel/luckly_wheel.wxss */ | ||||||
| 
 | 
 | ||||||
| 	.luckly-wheel-container { | 	.luckly-wheel-container { | ||||||
| 		background-color: $-color-primary; | 		background-color: $color-primary; | ||||||
| 		padding-bottom: 20rpx; | 		padding-bottom: 20rpx; | ||||||
| 
 | 
 | ||||||
| 		.header { | 		.header { | ||||||
|  | |||||||
| @ -70,7 +70,7 @@ export default { | |||||||
|   .message-item { |   .message-item { | ||||||
|     padding: 32rpx 0; |     padding: 32rpx 0; | ||||||
|     &:not(:last-of-type) { |     &:not(:last-of-type) { | ||||||
|         border-bottom: $-solid-border; |         border-bottom: $solid-border; | ||||||
|     } |     } | ||||||
|     .item-info { |     .item-info { | ||||||
|       font-size: 32rpx; |       font-size: 32rpx; | ||||||
|  | |||||||
| @ -130,7 +130,7 @@ export default { | |||||||
|     border-radius: 10rpx; |     border-radius: 10rpx; | ||||||
|     .item-header { |     .item-header { | ||||||
|       padding: 19rpx 0; |       padding: 19rpx 0; | ||||||
|       border-bottom: $-solid-border; |       border-bottom: $solid-border; | ||||||
|       .header-title { |       .header-title { | ||||||
|         font-weight: bold; |         font-weight: bold; | ||||||
|       } |       } | ||||||
|  | |||||||
| @ -73,7 +73,7 @@ | |||||||
| 				padding: 20rpx 30rpx; | 				padding: 20rpx 30rpx; | ||||||
| 
 | 
 | ||||||
| 				&:not(:last-of-type) { | 				&:not(:last-of-type) { | ||||||
| 					border-bottom: $-solid-border; | 					border-bottom: $solid-border; | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  | |||||||
| @ -103,7 +103,7 @@ export default { | |||||||
| .sign-detail-container .sign-item { | .sign-detail-container .sign-item { | ||||||
|   padding: 18rpx 30rpx; |   padding: 18rpx 30rpx; | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
|   border-bottom: $-solid-border; |   border-bottom: $solid-border; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .sign-type { | .sign-type { | ||||||
|  | |||||||
| @ -152,7 +152,7 @@ | |||||||
| 		.list { | 		.list { | ||||||
| 			.item { | 			.item { | ||||||
| 				padding: 20rpx 30rpx; | 				padding: 20rpx 30rpx; | ||||||
| 				border-bottom: $-solid-border; | 				border-bottom: $solid-border; | ||||||
| 				align-items: flex-start; | 				align-items: flex-start; | ||||||
| 				.avatar { | 				.avatar { | ||||||
| 					width: 68rpx; | 					width: 68rpx; | ||||||
|  | |||||||
| @ -165,9 +165,9 @@ export default { | |||||||
|             .bill-list { |             .bill-list { | ||||||
|                 .bill-item { |                 .bill-item { | ||||||
|                     padding: 20rpx 30rpx; |                     padding: 20rpx 30rpx; | ||||||
|                     border-bottom: $-solid-border; |                     border-bottom: $solid-border; | ||||||
|                     .income { |                     .income { | ||||||
|                         color: $-color-primary; |                         color: $color-primary; | ||||||
|                     } |                     } | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|  | |||||||
| @ -259,7 +259,7 @@ export default { | |||||||
|             } |             } | ||||||
|             .item-active { |             .item-active { | ||||||
|                 color: white; |                 color: white; | ||||||
|                 background-color: $-color-primary; |                 background-color: $color-primary; | ||||||
|                 border-radius: 100rpx; |                 border-radius: 100rpx; | ||||||
|                 height: 100%; |                 height: 100%; | ||||||
|             } |             } | ||||||
| @ -272,7 +272,7 @@ export default { | |||||||
|                 line-height: 40rpx; |                 line-height: 40rpx; | ||||||
|                 height: 100%; |                 height: 100%; | ||||||
|                 .item-active { |                 .item-active { | ||||||
|                     color: $-color-primary; |                     color: $color-primary; | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| @ -304,7 +304,7 @@ export default { | |||||||
|                 text-align: right; |                 text-align: right; | ||||||
|             } |             } | ||||||
|             &:not(:nth-last-of-type(3)) { |             &:not(:nth-last-of-type(3)) { | ||||||
|                 border-bottom: $-solid-border; |                 border-bottom: $solid-border; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -248,7 +248,7 @@ | |||||||
| 					margin-left: 30rpx; | 					margin-left: 30rpx; | ||||||
| 				} | 				} | ||||||
| 
 | 
 | ||||||
| 				border-bottom: $-solid-border; | 				border-bottom: $solid-border; | ||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| 			.tip { | 			.tip { | ||||||
| @ -279,7 +279,7 @@ | |||||||
| 					height: 150rpx; | 					height: 150rpx; | ||||||
| 					border-radius: 10rpx; | 					border-radius: 10rpx; | ||||||
| 					margin-bottom: 16rpx; | 					margin-bottom: 16rpx; | ||||||
| 					border: 1px solid $-color-primary; | 					border: 1px solid $color-primary; | ||||||
| 
 | 
 | ||||||
| 					&:not(:nth-of-type(3n)) { | 					&:not(:nth-of-type(3n)) { | ||||||
| 						margin-right: 24rpx; | 						margin-right: 24rpx; | ||||||
|  | |||||||
| @ -629,8 +629,8 @@ export default { | |||||||
| 
 | 
 | ||||||
|             .bd-btn { |             .bd-btn { | ||||||
|                 padding: 8rpx 24rpx; |                 padding: 8rpx 24rpx; | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 color: $-color-primary; |                 color: $color-primary; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
| @ -666,7 +666,7 @@ export default { | |||||||
|         padding-bottom: 30rpx; |         padding-bottom: 30rpx; | ||||||
|         width: 580rpx; |         width: 580rpx; | ||||||
|         border-radius: 30rpx; |         border-radius: 30rpx; | ||||||
|         background-color: $-color-white; |         background-color: $color-white; | ||||||
| 
 | 
 | ||||||
|         .title { |         .title { | ||||||
|             padding: 26rpx 0rpx; |             padding: 26rpx 0rpx; | ||||||
| @ -678,10 +678,10 @@ export default { | |||||||
|             border-bottom: 1rpx solid #e5e5e5; |             border-bottom: 1rpx solid #e5e5e5; | ||||||
| 
 | 
 | ||||||
|             .send-code-btn { |             .send-code-btn { | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 width: 184rpx; |                 width: 184rpx; | ||||||
|                 height: 62rpx; |                 height: 62rpx; | ||||||
|                 color: $-color-primary; |                 color: $color-primary; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -548,8 +548,8 @@ export default { | |||||||
| 
 | 
 | ||||||
|             .bd-btn { |             .bd-btn { | ||||||
|                 padding: 8rpx 24rpx; |                 padding: 8rpx 24rpx; | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 color: $-color-primary; |                 color: $color-primary; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
| @ -585,7 +585,7 @@ export default { | |||||||
|         padding-bottom: 30rpx; |         padding-bottom: 30rpx; | ||||||
|         width: 580rpx; |         width: 580rpx; | ||||||
|         border-radius: 30rpx; |         border-radius: 30rpx; | ||||||
|         background-color: $-color-white; |         background-color: $color-white; | ||||||
| 
 | 
 | ||||||
|         .title { |         .title { | ||||||
|             padding: 26rpx 0rpx; |             padding: 26rpx 0rpx; | ||||||
| @ -597,10 +597,10 @@ export default { | |||||||
|             border-bottom: 1rpx solid #e5e5e5; |             border-bottom: 1rpx solid #e5e5e5; | ||||||
| 
 | 
 | ||||||
|             .send-code-btn { |             .send-code-btn { | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 width: 184rpx; |                 width: 184rpx; | ||||||
|                 height: 62rpx; |                 height: 62rpx; | ||||||
|                 color: $-color-primary; |                 color: $color-primary; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -216,7 +216,7 @@ export default { | |||||||
| .user-sgin .main .contain .title .line { | .user-sgin .main .contain .title .line { | ||||||
|     width: 8rpx; |     width: 8rpx; | ||||||
|     height: 34rpx; |     height: 34rpx; | ||||||
|     background-color: $-color-primary; |     background-color: $color-primary; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .user-sgin .main .day-list { | .user-sgin .main .day-list { | ||||||
| @ -275,7 +275,7 @@ export default { | |||||||
|     background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%); |     background: linear-gradient(270deg, rgba(249, 95, 47, 1) 0%, rgba(252, 67, 54, 1) 55%, rgba(255, 44, 60, 1) 100%); | ||||||
| } | } | ||||||
| .user-sgin .main .contain .task { | .user-sgin .main .contain .task { | ||||||
|     border-top: $-solid-border; |     border-top: $solid-border; | ||||||
| } | } | ||||||
| .user-sgin .main .contain .task .item { | .user-sgin .main .contain .task .item { | ||||||
|     padding: 23rpx 30rpx; |     padding: 23rpx 30rpx; | ||||||
| @ -290,10 +290,10 @@ export default { | |||||||
| } | } | ||||||
| .user-sgin .main .contain .task .item .btn { | .user-sgin .main .contain .task .item .btn { | ||||||
|     width: 154rpx; |     width: 154rpx; | ||||||
|     border: 1px solid $-color-primary; |     border: 1px solid $color-primary; | ||||||
| } | } | ||||||
| .user-sgin .main .contain .task .item .con .num { | .user-sgin .main .contain .task .item .con .num { | ||||||
|     color: $-color-primary; |     color: $color-primary; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .score-detail-entry { | .score-detail-entry { | ||||||
| @ -326,7 +326,7 @@ export default { | |||||||
|     font-weight: bold; |     font-weight: bold; | ||||||
|     padding-top: 90rpx; |     padding-top: 90rpx; | ||||||
|     padding-bottom: 150rpx; |     padding-bottom: 150rpx; | ||||||
|     color: $-color-primary; |     color: $color-primary; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .desc { | .desc { | ||||||
|  | |||||||
| @ -567,7 +567,7 @@ export default { | |||||||
|                 .usual-tools-header { |                 .usual-tools-header { | ||||||
|                     height: 100rpx; |                     height: 100rpx; | ||||||
|                     line-height: 44rpx; |                     line-height: 44rpx; | ||||||
|                     border-bottom: $-solid-border; |                     border-bottom: $solid-border; | ||||||
|                 } |                 } | ||||||
|                 .usual-content { |                 .usual-content { | ||||||
|                     padding: 40rpx 0; |                     padding: 40rpx 0; | ||||||
| @ -610,7 +610,7 @@ export default { | |||||||
|                     margin-top: 60rpx; |                     margin-top: 60rpx; | ||||||
|                     .form-item { |                     .form-item { | ||||||
|                         padding: 24rpx 0 24rpx 30rpx; |                         padding: 24rpx 0 24rpx 30rpx; | ||||||
|                         border: $-solid-border; |                         border: $solid-border; | ||||||
|                         margin: 0 34rpx 30rpx; |                         margin: 0 34rpx 30rpx; | ||||||
|                         .label { |                         .label { | ||||||
|                             width: 150rpx; |                             width: 150rpx; | ||||||
| @ -647,7 +647,7 @@ export default { | |||||||
|                     padding: 60rpx 0 22rpx; |                     padding: 60rpx 0 22rpx; | ||||||
|                     /* margin: 0 8px; */ |                     /* margin: 0 8px; */ | ||||||
|                     width: 100%; |                     width: 100%; | ||||||
|                     border-bottom: $-solid-border; |                     border-bottom: $solid-border; | ||||||
|                     .apply-result-img { |                     .apply-result-img { | ||||||
|                         width: 100rpx; |                         width: 100rpx; | ||||||
|                         height: 100rpx; |                         height: 100rpx; | ||||||
| @ -707,7 +707,7 @@ van-field textarea { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .main .user-result-box .user-result-content  .apply-fail-reason { | .main .user-result-box .user-result-content  .apply-fail-reason { | ||||||
|     color: $-color-primary; |     color: $color-primary; | ||||||
|     line-height: 36rpx; |     line-height: 36rpx; | ||||||
|     margin-top: 10rpx; |     margin-top: 10rpx; | ||||||
| } | } | ||||||
| @ -719,7 +719,7 @@ van-field textarea { | |||||||
|     padding-bottom: 30rpx; |     padding-bottom: 30rpx; | ||||||
|     width: 580rpx; |     width: 580rpx; | ||||||
|     border-radius: 6rpx; |     border-radius: 6rpx; | ||||||
|     background-color: $-color-white; |     background-color: $color-white; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .inviteformContain .title {  | .inviteformContain .title {  | ||||||
|  | |||||||
| @ -202,7 +202,7 @@ export default { | |||||||
| <style lang="scss"> | <style lang="scss"> | ||||||
| .user-spread-month-bill .header { | .user-spread-month-bill .header { | ||||||
|   height: 240rpx; |   height: 240rpx; | ||||||
|   background-color: $-color-primary; |   background-color: $color-primary; | ||||||
|   padding-top: 60rpx; |   padding-top: 60rpx; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| @ -226,7 +226,7 @@ export default { | |||||||
| 
 | 
 | ||||||
| .user-spread-month-bill .content .order-container .order-item .order-header { | .user-spread-month-bill .content .order-container .order-item .order-header { | ||||||
|   padding: 20rpx 30rpx; |   padding: 20rpx 30rpx; | ||||||
|   border-bottom: $-solid-border; |   border-bottom: $solid-border; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .user-spread-month-bill .content .order-container .order-item .order-header .guide-shop-btn { | .user-spread-month-bill .content .order-container .order-item .order-header .guide-shop-btn { | ||||||
| @ -238,7 +238,7 @@ export default { | |||||||
| 
 | 
 | ||||||
| .user-spread-month-bill .content .order-container .order-item .order-content { | .user-spread-month-bill .content .order-container .order-item .order-content { | ||||||
|   padding: 20rpx 30rpx 20rpx 20rpx; |   padding: 20rpx 30rpx 20rpx 20rpx; | ||||||
|   border-bottom: $-solid-border; |   border-bottom: $solid-border; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .user-spread-month-bill .content .order-container .order-item .order-content .order-goods-img { | .user-spread-month-bill .content .order-container .order-item .order-content .order-goods-img { | ||||||
|  | |||||||
| @ -382,7 +382,7 @@ | |||||||
| 				border-radius: 20rpx; | 				border-radius: 20rpx; | ||||||
| 
 | 
 | ||||||
| 				.input { | 				.input { | ||||||
| 					border-bottom: $-solid-border; | 					border-bottom: $solid-border; | ||||||
| 
 | 
 | ||||||
| 					input { | 					input { | ||||||
| 						width: 100%; | 						width: 100%; | ||||||
| @ -410,7 +410,7 @@ | |||||||
| 
 | 
 | ||||||
| 				.input-item { | 				.input-item { | ||||||
| 					padding: 28rpx 0 30rpx; | 					padding: 28rpx 0 30rpx; | ||||||
| 					border-bottom: $-solid-border; | 					border-bottom: $solid-border; | ||||||
| 				} | 				} | ||||||
| 
 | 
 | ||||||
| 				.input-label { | 				.input-label { | ||||||
|  | |||||||
| @ -105,7 +105,7 @@ export default { | |||||||
|               color: #666666; |               color: #666666; | ||||||
|             } |             } | ||||||
|             .error-status { |             .error-status { | ||||||
|               color: $-color-primary; |               color: $color-primary; | ||||||
|             } |             } | ||||||
|             &:not(:last-of-type) { |             &:not(:last-of-type) { | ||||||
|               border-bottom: var(--border); |               border-bottom: var(--border); | ||||||
|  | |||||||
| @ -170,7 +170,7 @@ | |||||||
| 				.go-back-btn { | 				.go-back-btn { | ||||||
| 					width: 650rpx; | 					width: 650rpx; | ||||||
| 					height: 84rpx; | 					height: 84rpx; | ||||||
| 					border: solid 1rpx $-color-primary; | 					border: solid 1rpx $color-primary; | ||||||
| 					box-sizing: border-box; | 					box-sizing: border-box; | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
|  | |||||||
| @ -93,7 +93,7 @@ | |||||||
| 		border-radius: 10rpx; | 		border-radius: 10rpx; | ||||||
| 		padding-bottom: 20rpx; | 		padding-bottom: 20rpx; | ||||||
| 		&.seckill { | 		&.seckill { | ||||||
| 			background-color: $-color-white; | 			background-color: $color-white; | ||||||
| 			background-image: url(../../static/images/home_seckill_bg.png); | 			background-image: url(../../static/images/home_seckill_bg.png); | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -396,7 +396,7 @@ export default { | |||||||
|       .btn { |       .btn { | ||||||
|         padding: 9rpx 34rpx; |         padding: 9rpx 34rpx; | ||||||
|         font-family: PingFang SC; |         font-family: PingFang SC; | ||||||
|         border: 1px solid $-color-primary; |         border: 1px solid $color-primary; | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       .grey-btn { |       .grey-btn { | ||||||
|  | |||||||
| @ -105,7 +105,7 @@ | |||||||
| <style lang="scss"> | <style lang="scss"> | ||||||
|     .bargain-list-container { |     .bargain-list-container { | ||||||
|         .bargain-list { |         .bargain-list { | ||||||
|             background-color: $-color-white; |             background-color: $color-white; | ||||||
|             .header { |             .header { | ||||||
|                 height: 80rpx; |                 height: 80rpx; | ||||||
|                 padding: 20rpx 20rpx; |                 padding: 20rpx 20rpx; | ||||||
| @ -126,7 +126,7 @@ | |||||||
|                     // 继续砍价 按钮 |                     // 继续砍价 按钮 | ||||||
|                     height: 62rpx; |                     height: 62rpx; | ||||||
|                     padding: 0 44rpx; |                     padding: 0 44rpx; | ||||||
|                     background-color: $-color-primary; |                     background-color: $color-primary; | ||||||
|                 } |                 } | ||||||
|                 .purchase-btn { |                 .purchase-btn { | ||||||
|                     // 直接购买 |                     // 直接购买 | ||||||
|  | |||||||
| @ -242,7 +242,7 @@ | |||||||
| 				padding: 26rpx 10rpx; | 				padding: 26rpx 10rpx; | ||||||
| 
 | 
 | ||||||
| 				&.active { | 				&.active { | ||||||
| 					color: $-color-primary; | 					color: $color-primary; | ||||||
| 					font-size: 26rpx; | 					font-size: 26rpx; | ||||||
| 					font-weight: bold; | 					font-weight: bold; | ||||||
| 				} | 				} | ||||||
|  | |||||||
| @ -255,7 +255,7 @@ | |||||||
| 					border: 1px solid transparent; | 					border: 1px solid transparent; | ||||||
| 					border-radius: 50%; | 					border-radius: 50%; | ||||||
| 					&.active { | 					&.active { | ||||||
| 						border-color: $-color-primary; | 						border-color: $color-primary; | ||||||
| 					} | 					} | ||||||
| 				} | 				} | ||||||
| 				.name { | 				.name { | ||||||
| @ -279,7 +279,7 @@ | |||||||
| 
 | 
 | ||||||
| 					&.active { | 					&.active { | ||||||
| 						width: 20rpx; | 						width: 20rpx; | ||||||
| 						background-color: $-color-primary; | 						background-color: $color-primary; | ||||||
| 					} | 					} | ||||||
| 				} | 				} | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -101,7 +101,7 @@ | |||||||
| 				padding: 26rpx 10rpx; | 				padding: 26rpx 10rpx; | ||||||
| 
 | 
 | ||||||
| 				&.active { | 				&.active { | ||||||
| 					color: $-color-primary; | 					color: $color-primary; | ||||||
| 					font-size: 26rpx; | 					font-size: 26rpx; | ||||||
| 					font-weight: bold; | 					font-weight: bold; | ||||||
| 				} | 				} | ||||||
|  | |||||||
| @ -176,7 +176,7 @@ export default { | |||||||
|         } |         } | ||||||
|         .btn { |         .btn { | ||||||
|             padding: 6rpx 34rpx; |             padding: 6rpx 34rpx; | ||||||
|             border: 1px solid $-color-primary; |             border: 1px solid $color-primary; | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| } | } | ||||||
| @ -194,7 +194,7 @@ export default { | |||||||
|         .btn { |         .btn { | ||||||
|             width: 178rpx; |             width: 178rpx; | ||||||
|             height: 52rpx; |             height: 52rpx; | ||||||
|             border: 1px solid $-color-primary; |             border: 1px solid $color-primary; | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| } | } | ||||||
|  | |||||||
| @ -58,7 +58,7 @@ | |||||||
|         z-index: 871; |         z-index: 871; | ||||||
|         top: 0; |         top: 0; | ||||||
|         .primary-btn { |         .primary-btn { | ||||||
|             background-color: $-color-primary; |             background-color: $color-primary; | ||||||
|             height: 54rpx; |             height: 54rpx; | ||||||
|             width: 154rpx; |             width: 154rpx; | ||||||
|             margin-right: 30rpx; |             margin-right: 30rpx; | ||||||
|  | |||||||
| @ -159,7 +159,7 @@ | |||||||
| 			} | 			} | ||||||
| 			.group-footer { | 			.group-footer { | ||||||
| 				height: 100rpx; | 				height: 100rpx; | ||||||
| 				border-top: $-solid-border; | 				border-top: $solid-border; | ||||||
| 				padding: 0 24rpx; | 				padding: 0 24rpx; | ||||||
| 				.btn { | 				.btn { | ||||||
| 					width: 244rpx; | 					width: 244rpx; | ||||||
|  | |||||||
| @ -167,7 +167,7 @@ | |||||||
| 
 | 
 | ||||||
| 					.coupon-right { | 					.coupon-right { | ||||||
| 						background-color: #E5E5E5; | 						background-color: #E5E5E5; | ||||||
| 						color: $-color-muted; | 						color: $color-muted; | ||||||
| 					} | 					} | ||||||
| 				} | 				} | ||||||
| 
 | 
 | ||||||
|  | |||||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| @ -175,13 +175,13 @@ | |||||||
| 				flex: 1; | 				flex: 1; | ||||||
| 			} | 			} | ||||||
| 			button { | 			button { | ||||||
| 				color: $-color-white; | 				color: $color-white; | ||||||
| 				background-color: $-color-primary; | 				background-color: $color-primary; | ||||||
| 			} | 			} | ||||||
| 			.plain { | 			.plain { | ||||||
| 				color: $-color-primary; | 				color: $color-primary; | ||||||
| 				background-color: $-color-white; | 				background-color: $color-white; | ||||||
| 				border: 1px solid $-color-primary; | 				border: 1px solid $color-primary; | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
|  | |||||||
| @ -463,14 +463,14 @@ export default { | |||||||
| 
 | 
 | ||||||
|     .order-footer { |     .order-footer { | ||||||
|       height: 100rpx; |       height: 100rpx; | ||||||
|       border-top: $-solid-border; |       border-top: $solid-border; | ||||||
|       padding: 0 24rpx; |       padding: 0 24rpx; | ||||||
| 
 | 
 | ||||||
|       .plain { |       .plain { | ||||||
|         border: 1px solid #bbbbbb; |         border: 1px solid #bbbbbb; | ||||||
| 
 | 
 | ||||||
|         &.red { |         &.red { | ||||||
|           border-color: $-color-primary; |           border-color: $color-primary; | ||||||
|         } |         } | ||||||
|       } |       } | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -101,7 +101,7 @@ export default { | |||||||
|     margin-top: 15rpx; |     margin-top: 15rpx; | ||||||
|   } |   } | ||||||
|   .btn-comfirm { |   .btn-comfirm { | ||||||
|     background-color: $-color-primary; |     background-color: $color-primary; | ||||||
|     color: white; |     color: white; | ||||||
|     height: 80rpx; |     height: 80rpx; | ||||||
|     line-height: 80rpx; |     line-height: 80rpx; | ||||||
|  | |||||||
| @ -264,7 +264,7 @@ | |||||||
| 
 | 
 | ||||||
| 		.save-btn { | 		.save-btn { | ||||||
| 			// @include background_color(); | 			// @include background_color(); | ||||||
| 			background-color: $-color-primary; | 			background-color: $color-primary; | ||||||
| 			color: #fff; | 			color: #fff; | ||||||
| 			margin-top: 20rpx; | 			margin-top: 20rpx; | ||||||
| 		} | 		} | ||||||
|  | |||||||
| @ -405,7 +405,7 @@ export default { | |||||||
|     padding: 30rpx 20rpx; |     padding: 30rpx 20rpx; | ||||||
|     padding-right: 70rpx; |     padding-right: 70rpx; | ||||||
|     align-items: flex-start; |     align-items: flex-start; | ||||||
|     border: $-solid-border; |     border: $solid-border; | ||||||
|     .vip-price { |     .vip-price { | ||||||
|       margin: 0 24rpx; |       margin: 0 24rpx; | ||||||
|       background-color: #ffe9ba; |       background-color: #ffe9ba; | ||||||
| @ -453,14 +453,14 @@ export default { | |||||||
|         border: 1px solid #f4f4f4; |         border: 1px solid #f4f4f4; | ||||||
| 
 | 
 | ||||||
|         // &.checked { |         // &.checked { | ||||||
|         // 	background-color: $-color-primary; |         // 	background-color: $color-primary; | ||||||
|         // 	color: #fff; |         // 	color: #fff; | ||||||
|         // } |         // } | ||||||
| 
 | 
 | ||||||
|         &.checked { |         &.checked { | ||||||
|           background-color: #ffe9eb; |           background-color: #ffe9eb; | ||||||
|           color: $-color-primary; |           color: $color-primary; | ||||||
|           border-color: $-color-primary; |           border-color: $color-primary; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         &.disabled { |         &.disabled { | ||||||
|  | |||||||
| @ -170,7 +170,7 @@ | |||||||
| 				&.active { | 				&.active { | ||||||
| 					width: 16rpx; | 					width: 16rpx; | ||||||
| 					border-radius: 8rpx; | 					border-radius: 8rpx; | ||||||
| 					background-color: $-color-primary; | 					background-color: $color-primary; | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  | |||||||
| @ -295,7 +295,7 @@ export default { | |||||||
|             padding: 0 24rpx; |             padding: 0 24rpx; | ||||||
|             height: 80rpx; |             height: 80rpx; | ||||||
|             &:not(:nth-of-type(3)) { |             &:not(:nth-of-type(3)) { | ||||||
|                 border-bottom: $-solid-border; |                 border-bottom: $solid-border; | ||||||
|             } |             } | ||||||
|             .label { |             .label { | ||||||
|                 width: 150rpx; |                 width: 150rpx; | ||||||
|  | |||||||
| @ -257,7 +257,7 @@ export default { | |||||||
|             .evaluation-item { |             .evaluation-item { | ||||||
|                 padding: 20rpx; |                 padding: 20rpx; | ||||||
|                 &:not(:last-of-type) { |                 &:not(:last-of-type) { | ||||||
|                     border-bottom: $-solid-border; |                     border-bottom: $solid-border; | ||||||
|                 } |                 } | ||||||
|                 .avatar { |                 .avatar { | ||||||
|                     width: 60rpx; |                     width: 60rpx; | ||||||
|  | |||||||
| @ -211,7 +211,7 @@ page { | |||||||
|       height: 100rpx; |       height: 100rpx; | ||||||
|       border-radius: 10rpx; |       border-radius: 10rpx; | ||||||
|       width: 670rpx; |       width: 670rpx; | ||||||
|       border: $-solid-border; |       border: $solid-border; | ||||||
|       margin-top: 30rpx; |       margin-top: 30rpx; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  | |||||||
| @ -774,7 +774,7 @@ | |||||||
| 					padding: 0 18rpx; | 					padding: 0 18rpx; | ||||||
| 					border-radius: 6rpx; | 					border-radius: 6rpx; | ||||||
| 					box-sizing: border-box; | 					box-sizing: border-box; | ||||||
| 					background-color: $-color-primary; | 					background-color: $color-primary; | ||||||
| 					color: #fff; | 					color: #fff; | ||||||
| 					white-space: nowrap; | 					white-space: nowrap; | ||||||
| 					overflow: hidden; | 					overflow: hidden; | ||||||
| @ -817,7 +817,7 @@ | |||||||
| 		.evaluation { | 		.evaluation { | ||||||
| 			.title { | 			.title { | ||||||
| 				height: 100rpx; | 				height: 100rpx; | ||||||
| 				border-bottom: $-solid-border; | 				border-bottom: $solid-border; | ||||||
| 				padding: 0 24rpx; | 				padding: 0 24rpx; | ||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| @ -895,14 +895,14 @@ | |||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| 			.right-buy { | 			.right-buy { | ||||||
| 				background-color: $-color-primary; | 				background-color: $color-primary; | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		.group-play { | 		.group-play { | ||||||
| 			.title { | 			.title { | ||||||
| 				padding: 20rpx 28rpx; | 				padding: 20rpx 28rpx; | ||||||
| 				border-bottom: $-solid-border; | 				border-bottom: $solid-border; | ||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| 			.steps { | 			.steps { | ||||||
| @ -935,7 +935,7 @@ | |||||||
| 				padding: 20rpx 24rpx; | 				padding: 20rpx 24rpx; | ||||||
| 
 | 
 | ||||||
| 				&:not(:last-of-type) { | 				&:not(:last-of-type) { | ||||||
| 					border-bottom: $-solid-border; | 					border-bottom: $solid-border; | ||||||
| 				} | 				} | ||||||
| 
 | 
 | ||||||
| 				.group-btn { | 				.group-btn { | ||||||
|  | |||||||
| @ -585,7 +585,7 @@ export default { | |||||||
|         justify-content: center; |         justify-content: center; | ||||||
|         width: 80rpx; |         width: 80rpx; | ||||||
|         height: 80rpx; |         height: 80rpx; | ||||||
|         border: $-solid-border; |         border: $solid-border; | ||||||
|         border-radius: 50%; |         border-radius: 50%; | ||||||
|         font-size: 32rpx; |         font-size: 32rpx; | ||||||
|         background-color: #ffffff; |         background-color: #ffffff; | ||||||
| @ -660,7 +660,7 @@ export default { | |||||||
| 
 | 
 | ||||||
|                         &.active { |                         &.active { | ||||||
|                             width: 20rpx; |                             width: 20rpx; | ||||||
|                             background-color: $-color-primary; |                             background-color: $color-primary; | ||||||
|                         } |                         } | ||||||
|                     } |                     } | ||||||
|                 } |                 } | ||||||
| @ -780,7 +780,7 @@ export default { | |||||||
| 
 | 
 | ||||||
|                 .coupon-right { |                 .coupon-right { | ||||||
|                     padding-left: 30rpx; |                     padding-left: 30rpx; | ||||||
|                     border-left: 1rpx dashed $-color-primary; |                     border-left: 1rpx dashed $color-primary; | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| @ -823,7 +823,7 @@ export default { | |||||||
| 
 | 
 | ||||||
|                 .price { |                 .price { | ||||||
|                     width: 160rpx; |                     width: 160rpx; | ||||||
|                     border-right: 1px dashed $-color-primary; |                     border-right: 1px dashed $color-primary; | ||||||
|                     height: 100%; |                     height: 100%; | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|  | |||||||
| @ -568,7 +568,7 @@ page { | |||||||
|                 height: 100rpx; |                 height: 100rpx; | ||||||
|             } |             } | ||||||
|             .phonebtn { |             .phonebtn { | ||||||
|                 border: $-solid-border; |                 border: $solid-border; | ||||||
|                 margin-top: 50rpx; |                 margin-top: 50rpx; | ||||||
|                 width: 100%; |                 width: 100%; | ||||||
|                 height: 100rpx; |                 height: 100rpx; | ||||||
| @ -577,12 +577,12 @@ page { | |||||||
|                 height: 100rpx; |                 height: 100rpx; | ||||||
|                 border-radius: 10rpx; |                 border-radius: 10rpx; | ||||||
|                 width: 670rpx; |                 width: 670rpx; | ||||||
|                 border: $-solid-border; |                 border: $solid-border; | ||||||
|                 margin-top: 30rpx; |                 margin-top: 30rpx; | ||||||
|             } |             } | ||||||
| 
 | 
 | ||||||
|             .sms-btn { |             .sms-btn { | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 width: 176rpx; |                 width: 176rpx; | ||||||
|                 height: 60rpx; |                 height: 60rpx; | ||||||
|                 box-sizing: border-box; |                 box-sizing: border-box; | ||||||
| @ -605,7 +605,7 @@ page { | |||||||
|     padding: 60rpx 0 70rpx 0; |     padding: 60rpx 0 70rpx 0; | ||||||
| } | } | ||||||
| .agreement { | .agreement { | ||||||
|     color: $-color-primary; |     color: $color-primary; | ||||||
| } | } | ||||||
| .inactive { | .inactive { | ||||||
|     opacity: 0.5; |     opacity: 0.5; | ||||||
|  | |||||||
| @ -621,7 +621,7 @@ export default { | |||||||
|   top: 0; |   top: 0; | ||||||
|   width: 100%; |   width: 100%; | ||||||
|   height: 200rpx; |   height: 200rpx; | ||||||
|   background-color: $-color-primary; |   background-color: $color-primary; | ||||||
|   z-index: 0; |   z-index: 0; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| @ -691,7 +691,7 @@ export default { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .footer .plain.red { | .footer .plain.red { | ||||||
|   border: 1px solid $-color-primary; |   border: 1px solid $color-primary; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .tips-dialog { | .tips-dialog { | ||||||
| @ -783,6 +783,6 @@ export default { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .receive-info-item:nth-child(n + 2) { | .receive-info-item:nth-child(n + 2) { | ||||||
|   border-top: $-dashed-border; |   border-top: $dashed-border; | ||||||
| } | } | ||||||
| </style> | </style> | ||||||
|  | |||||||
| @ -146,7 +146,7 @@ | |||||||
| 				.go-back-btn { | 				.go-back-btn { | ||||||
| 					width: 650rpx; | 					width: 650rpx; | ||||||
| 					height: 84rpx; | 					height: 84rpx; | ||||||
| 					border:1px solid  $-color-primary; | 					border:1px solid  $color-primary; | ||||||
| 					box-sizing: border-box; | 					box-sizing: border-box; | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
|  | |||||||
| @ -262,7 +262,7 @@ | |||||||
| 					justify-content: center; | 					justify-content: center; | ||||||
| 					padding: 20rpx 0; | 					padding: 20rpx 0; | ||||||
| 					font-size: 26rpx; | 					font-size: 26rpx; | ||||||
| 					color: $-color-muted; | 					color: $color-muted; | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| @ -276,7 +276,7 @@ | |||||||
| 					height: 120rpx; | 					height: 120rpx; | ||||||
| 
 | 
 | ||||||
| 					&:nth-child(n+2) { | 					&:nth-child(n+2) { | ||||||
| 						border-top: $-dashed-border; | 						border-top: $dashed-border; | ||||||
| 					} | 					} | ||||||
| 
 | 
 | ||||||
| 					&-content { | 					&-content { | ||||||
| @ -287,12 +287,12 @@ | |||||||
| 
 | 
 | ||||||
| 						&-name { | 						&-name { | ||||||
| 							font-size: 28rpx; | 							font-size: 28rpx; | ||||||
| 							color: $-color-black; | 							color: $color-black; | ||||||
| 						} | 						} | ||||||
| 
 | 
 | ||||||
| 						&-tips { | 						&-tips { | ||||||
| 							font-size: 22rpx; | 							font-size: 22rpx; | ||||||
| 							color: $-color-muted; | 							color: $color-muted; | ||||||
| 						} | 						} | ||||||
| 					} | 					} | ||||||
| 				} | 				} | ||||||
| @ -307,7 +307,7 @@ | |||||||
| 				margin-top: 10rpx; | 				margin-top: 10rpx; | ||||||
| 				font-size: 22rpx; | 				font-size: 22rpx; | ||||||
| 				background-color: #FFFFFF; | 				background-color: #FFFFFF; | ||||||
| 				color: $-color-normal; | 				color: $color-normal; | ||||||
| 			} | 			} | ||||||
| 
 | 
 | ||||||
| 			&-submit { | 			&-submit { | ||||||
|  | |||||||
| @ -291,7 +291,7 @@ page { | |||||||
|       height: 100rpx; |       height: 100rpx; | ||||||
|       border-radius: 10rpx; |       border-radius: 10rpx; | ||||||
|       width: 670rpx; |       width: 670rpx; | ||||||
|       border: $-solid-border; |       border: $solid-border; | ||||||
|       margin-top: 30rpx; |       margin-top: 30rpx; | ||||||
|     } |     } | ||||||
|     .input-item { |     .input-item { | ||||||
| @ -312,10 +312,10 @@ page { | |||||||
|         height: 29px; |         height: 29px; | ||||||
|         width: 88px; |         width: 88px; | ||||||
|         flex: none; |         flex: none; | ||||||
|         border: 1px solid $-color-primary; |         border: 1px solid $color-primary; | ||||||
|         cursor: pointer; |         cursor: pointer; | ||||||
|         .seconds { |         .seconds { | ||||||
|           color: $-color-primary; |           color: $color-primary; | ||||||
|         } |         } | ||||||
|       } |       } | ||||||
|     } |     } | ||||||
| @ -332,7 +332,7 @@ page { | |||||||
|   padding: 60rpx 0 70rpx 0; |   padding: 60rpx 0 70rpx 0; | ||||||
| } | } | ||||||
| .agreement { | .agreement { | ||||||
|   color: $-color-primary; |   color: $color-primary; | ||||||
| } | } | ||||||
| .inactive { | .inactive { | ||||||
|   opacity: 0.5; |   opacity: 0.5; | ||||||
|  | |||||||
| @ -335,20 +335,20 @@ export default { | |||||||
|       margin: 20rpx 20rpx 0; |       margin: 20rpx 20rpx 0; | ||||||
|       border-radius: 10rpx; |       border-radius: 10rpx; | ||||||
|       // &.invalid { |       // &.invalid { | ||||||
|       // 	background-color: $-color-body; |       // 	background-color: $color-body; | ||||||
|       // } |       // } | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .select { |     .select { | ||||||
|       height: 80rpx; |       height: 80rpx; | ||||||
|       padding: 0 20rpx; |       padding: 0 20rpx; | ||||||
|       border-bottom: $-solid-border; |       border-bottom: $solid-border; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .cart-null { |   .cart-null { | ||||||
|     .btn { |     .btn { | ||||||
|       border: 1px solid $-color-primary; |       border: 1px solid $color-primary; | ||||||
|       width: 184rpx; |       width: 184rpx; | ||||||
|       margin-left: auto; |       margin-left: auto; | ||||||
|       margin-right: auto; |       margin-right: auto; | ||||||
|  | |||||||
| @ -74,7 +74,7 @@ | |||||||
| 			.header { | 			.header { | ||||||
| 				box-sizing: border-box; | 				box-sizing: border-box; | ||||||
| 				height: $header-height; | 				height: $header-height; | ||||||
| 				border-bottom: $-solid-border; | 				border-bottom: $solid-border; | ||||||
| 
 | 
 | ||||||
| 				.search { | 				.search { | ||||||
| 					flex: 1; | 					flex: 1; | ||||||
|  | |||||||
| @ -348,7 +348,7 @@ export default { | |||||||
|                     position: absolute; |                     position: absolute; | ||||||
|                     background-color: #ee0a24; |                     background-color: #ee0a24; | ||||||
|                     border: 2rpx solid #ffffff; |                     border: 2rpx solid #ffffff; | ||||||
|                     color: $-color-primary; |                     color: $color-primary; | ||||||
|                     border-radius: 100%; |                     border-radius: 100%; | ||||||
|                     top: 6rpx; |                     top: 6rpx; | ||||||
|                     right: 0rpx; |                     right: 0rpx; | ||||||
| @ -398,7 +398,7 @@ export default { | |||||||
|     .title { |     .title { | ||||||
|         height: 88rpx; |         height: 88rpx; | ||||||
|         padding: 0 30rpx; |         padding: 0 30rpx; | ||||||
|         border-bottom: $-dashed-border; |         border-bottom: $dashed-border; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .nav { |     .nav { | ||||||
| @ -418,8 +418,8 @@ export default { | |||||||
|             height: 28rpx; |             height: 28rpx; | ||||||
|             border-radius: 28rpx; |             border-radius: 28rpx; | ||||||
|             box-sizing: border-box; |             box-sizing: border-box; | ||||||
|             border: 1rpx solid $-color-primary; |             border: 1rpx solid $color-primary; | ||||||
|             color: $-color-primary; |             color: $color-primary; | ||||||
|             position: absolute; |             position: absolute; | ||||||
|             left: 33rpx; |             left: 33rpx; | ||||||
|             top: -10rpx; |             top: -10rpx; | ||||||
|  | |||||||
| @ -276,7 +276,7 @@ export default { | |||||||
|             padding: 0 30rpx; |             padding: 0 30rpx; | ||||||
|             .address { |             .address { | ||||||
|                 padding: 20rpx 0; |                 padding: 20rpx 0; | ||||||
|                 border-bottom: $-solid-border; |                 border-bottom: $solid-border; | ||||||
|             } |             } | ||||||
|             .operation { |             .operation { | ||||||
|                 height: 80rpx; |                 height: 80rpx; | ||||||
|  | |||||||
| @ -154,7 +154,7 @@ export default { | |||||||
|         .collection-item { |         .collection-item { | ||||||
|             padding: 20rpx; |             padding: 20rpx; | ||||||
|             &:not(:last-of-type) { |             &:not(:last-of-type) { | ||||||
|                 border-bottom: $-solid-border; |                 border-bottom: $solid-border; | ||||||
|             } |             } | ||||||
|             .info { |             .info { | ||||||
|                 flex: 1; |                 flex: 1; | ||||||
| @ -168,7 +168,7 @@ export default { | |||||||
|                 width: 148rpx; |                 width: 148rpx; | ||||||
|                 height: 52rpx; |                 height: 52rpx; | ||||||
|                 right: 20rpx; |                 right: 20rpx; | ||||||
|                 border: 1px solid $-color-primary; |                 border: 1px solid $color-primary; | ||||||
|                 display: flex; |                 display: flex; | ||||||
|                 justify-content: center; |                 justify-content: center; | ||||||
|                 align-items: center; |                 align-items: center; | ||||||
|  | |||||||
| @ -4,9 +4,9 @@ page { | |||||||
|     /* 定义一些主题色及基础样式 */ |     /* 定义一些主题色及基础样式 */ | ||||||
|     font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif; |     font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif; | ||||||
|     font-size: 28rpx; |     font-size: 28rpx; | ||||||
|     color: $-color-normal; |     color: $color-normal; | ||||||
| 	padding-bottom: env(safe-area-inset-bottom); | 	padding-bottom: env(safe-area-inset-bottom); | ||||||
|     background-color: $-color-body; |     background-color: $color-body; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .flex1{ | .flex1{ | ||||||
| @ -25,41 +25,41 @@ page { | |||||||
| } | } | ||||||
| /* 定义字体颜色 */ | /* 定义字体颜色 */ | ||||||
| .primary { | .primary { | ||||||
|     color: $-color-primary; |     color: $color-primary; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .bg-primary { | .bg-primary { | ||||||
|     background-color: $-color-primary; |     background-color: $color-primary; | ||||||
| } | } | ||||||
| .bg-white { | .bg-white { | ||||||
|     background-color: $-color-white; |     background-color: $color-white; | ||||||
| } | } | ||||||
| .bg-body { | .bg-body { | ||||||
|     background-color: $-color-body; |     background-color: $color-body; | ||||||
| } | } | ||||||
| .bg-gray { | .bg-gray { | ||||||
|     background-color: $-color-border; |     background-color: $color-border; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| .black { | .black { | ||||||
|     color: $-color-black; |     color: $color-black; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .white { | .white { | ||||||
|     color: $-color-white; |     color: $color-white; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .normal { | .normal { | ||||||
|     color: $-color-normal; |     color: $color-normal; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .lighter { | .lighter { | ||||||
|     color: $-color-lighter; |     color: $color-lighter; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .muted { | .muted { | ||||||
|     color: $-color-muted; |     color: $color-muted; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /* 定义字体大小 */ | /* 定义字体大小 */ | ||||||
| @ -278,10 +278,10 @@ page input { | |||||||
| 	font-size: 28rpx; | 	font-size: 28rpx; | ||||||
| } | } | ||||||
| button[type=primary] { | button[type=primary] { | ||||||
| 	background-color: $-color-primary; | 	background-color: $color-primary; | ||||||
| } | } | ||||||
| .button-hover[type=primary] { | .button-hover[type=primary] { | ||||||
| 	background-color: $-color-primary; | 	background-color: $color-primary; | ||||||
| } | } | ||||||
| /* 按钮大小 */ | /* 按钮大小 */ | ||||||
| button[size="xs"]{ | button[size="xs"]{ | ||||||
| @ -366,8 +366,8 @@ radio { | |||||||
| 	    width: 34rpx; | 	    width: 34rpx; | ||||||
| 	    height: 34rpx; | 	    height: 34rpx; | ||||||
| 		&.uni-radio-input-checked { | 		&.uni-radio-input-checked { | ||||||
| 			border: 1px solid $-color-primary !important; | 			border: 1px solid $color-primary !important; | ||||||
| 			background-color: $-color-primary !important; | 			background-color: $color-primary !important; | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| }  | }  | ||||||
| @ -380,8 +380,8 @@ checkbox { | |||||||
| 	    width: 34rpx; | 	    width: 34rpx; | ||||||
| 	    height: 34rpx; | 	    height: 34rpx; | ||||||
| 		&.uni-checkbox-input-checked { | 		&.uni-checkbox-input-checked { | ||||||
| 		    border: 1px solid $-color-primary !important; | 		    border: 1px solid $color-primary !important; | ||||||
| 		    background-color: $-color-primary !important; | 		    background-color: $color-primary !important; | ||||||
| 		    color: #fff !important; | 		    color: #fff !important; | ||||||
| 			&::before { | 			&::before { | ||||||
| 				font-size: 35rpx; | 				font-size: 35rpx; | ||||||
| @ -404,8 +404,8 @@ radio { | |||||||
| 	    width: 34rpx; | 	    width: 34rpx; | ||||||
| 	    height: 34rpx; | 	    height: 34rpx; | ||||||
| 		&.wx-radio-input-checked { | 		&.wx-radio-input-checked { | ||||||
| 			border: 1px solid $-color-primary !important; | 			border: 1px solid $color-primary !important; | ||||||
| 			background-color: $-color-primary !important; | 			background-color: $color-primary !important; | ||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| }  | }  | ||||||
| @ -418,8 +418,8 @@ checkbox { | |||||||
| 	    width: 34rpx; | 	    width: 34rpx; | ||||||
| 	    height: 34rpx; | 	    height: 34rpx; | ||||||
| 		&.wx-checkbox-input-checked { | 		&.wx-checkbox-input-checked { | ||||||
| 		    border: 1px solid $-color-primary !important; | 		    border: 1px solid $color-primary !important; | ||||||
| 		    background-color: $-color-primary !important; | 		    background-color: $color-primary !important; | ||||||
| 		    color: #fff !important; | 		    color: #fff !important; | ||||||
| 			&::before { | 			&::before { | ||||||
| 				font-size: 35rpx; | 				font-size: 35rpx; | ||||||
|  | |||||||
							
								
								
									
										20
									
								
								uni.scss
									
									
									
									
									
								
							
							
						
						
									
										20
									
								
								uni.scss
									
									
									
									
									
								
							| @ -17,26 +17,26 @@ | |||||||
| 
 | 
 | ||||||
| /* 行为相关颜色 */ | /* 行为相关颜色 */ | ||||||
| //主题色 | //主题色 | ||||||
| $-color-primary: #FF2C3C; | $color-primary: #FF2C3C; | ||||||
| //主要边框颜色 | //主要边框颜色 | ||||||
| $-color-border: #E5E5E5; | $color-border: #E5E5E5; | ||||||
| //黑色 | //黑色 | ||||||
| $-color-black:#101010; | $color-black:#101010; | ||||||
| //白色 | //白色 | ||||||
| $-color-white: #ffffff; | $color-white: #ffffff; | ||||||
| //字体主色 | //字体主色 | ||||||
| $-color-normal: #333333; | $color-normal: #333333; | ||||||
| //字体浅色 | //字体浅色 | ||||||
| $-color-lighter: #666666; | $color-lighter: #666666; | ||||||
| //字体更浅色 | //字体更浅色 | ||||||
| $-color-muted: #999999; | $color-muted: #999999; | ||||||
| 
 | 
 | ||||||
| //背景色 | //背景色 | ||||||
| $-color-body: #F6F6F6; | $color-body: #F6F6F6; | ||||||
| 
 | 
 | ||||||
| //边框 | //边框 | ||||||
| $-solid-border: 1px solid $-color-border; | $solid-border: 1px solid $color-border; | ||||||
| $-dashed-border: 1px dashed $-color-border; | $dashed-border: 1px dashed $color-border; | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user