HTFX-CRM-APP/pages/activity/shop/myOrder.scss

.container {
	padding: 0 40upx 16px;
	.title {
		margin: 14px 0 15px;
	}
	.content {
		display: flex;
		flex-direction: column;
		row-gap: 40upx;
		margin-top: 40upx;
	}
	
	.order-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		row-gap: 40upx;
		justify-content: space-between;
	}
	
	.order-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
		padding: 36upx;
		box-sizing: border-box;
		
		.order-header {
			width: 100%;
			margin-bottom: 50upx;
			display: flex;
			align-items: center;
			
			.order-no, .order-status {
				font-size: 24upx;
				font-weight: 400;
				color: rgba(119, 119, 119, 1);
			}
			
			.order-time {
				display: flex;
				align-items: center;
				padding: 0 16upx;
				margin-left: auto;
				height: 40upx;
				line-height: 40upx;
				background: rgba(237, 237, 237, 1);
				font-size: 20upx;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				
				.icon {
					width: 20upx;
					height: 20upx;
					margin-right: 12upx;
					vertical-align: bottom;
				}
			}
		}
		
		.order-info {
			width: 100%;
			display: flex;
			padding-bottom: 60upx;
			border-bottom: 1px solid rgba(235, 235, 235, 1);
			margin-bottom: 26upx;
			
			.img {
				width: 290upx;
				height: 162upx;
				vertical-align: bottom;
				margin-right: 28upx;
				flex-shrink: 0;
			}
			
			.info {
				flex-grow: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				
				.order-title {
					font-size: 40upx;
					font-weight: 700;
					color: rgba(51, 51, 51, 1);
				}
				
				.order-point {
					color: rgba(102, 102, 102, 1);
					font-size: 28upx;
					font-weight: 400;
					
					.point {
						color: rgba(41, 187, 228, 1);
						font-size: 32upx;
						font-weight: 700;
					}
				}
			}
		}
		
		.order-footer {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			row-gap: 20upx;
			
			.item {
				display: flex;
				min-width: 50%;
				font-size: 28upx;
				font-weight: 400;
				color: rgba(51, 51, 51, 1);
				padding-right: 10upx;
				box-sizing: border-box;
				
				.icon {
					flex-shrink: 0;
					width: 32upx;
					height: 32upx;
					margin-right: 12upx;
					vertical-align: bottom;
				}
			}
		}
	}
}

.shop-dark-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60upx;
	font-size: 28upx;
	color: #fff;
	background: linear-gradient(90deg, #103776 0%, #6374AE 100%);
	border-radius: 0px;
	cursor: pointer;
	
	&::after{ border: none;} 
}

.formDialog {
	padding: 0 14px;
	.searchForm {
		padding: 28px 16px;
		background: #fff;
		box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
	}
	.submitter {
		display: flex;
		column-gap: 10px;
		color: #fff;
		.confirmBtn,
		.cancelBtn {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 40px;
			flex: 1;
		}
		.confirmBtn {
			background-color: rgba(77, 192, 229, 1);
		}
		.cancelBtn {
			background-color: rgba(15, 54, 117, 1);
		}
	}
}

.uni-ellipsis-2 {
	/* #ifndef APP-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/* #endif */
	/* #ifdef APP-NVUE */
	lines: 2;
	text-overflow: ellipsis;
	/* #endif */
}