order-list.css 1.5 KB
.content {
	min-height: 100vh;
	background-color: #f7f8fa;
}

.topList {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tabItem {
	font-size: 28rpx;
	color: #323233;
	padding: 24rpx 0;
}

.active {
	border-bottom: 4rpx solid #FF2F2F;
	color: #FF2F2F;
}

/* 订单 */
.orderItem {
	margin-top: 18rpx;
	padding: 32rpx;
	box-sizing: border-box;
	background-color: #fff;
}

.itemTop {
	display: flex;
	justify-content: space-between;
}
..itemTops {
	display: flex;
}
.imageBox {
	margin-right: 32rpx;
}

.imageBox image {
	width: 120rpx;
	height: 120rpx;
	border-radius: 8rpx;
}

.titleBox {
	width: 354rpx;
	font-size: 26rpx;
	color: #000;
}

.status {
	font-size: 26rpx;
	color: #FF2F2F;
	text-align: right;
}

.price {
	font-size: 24rpx;
	margin-top: 10rpx;
	margin-right:-4rpx;
	text-align: right;
}

.num {
	font-size: 26rpx;
	color: #969799;
	text-align: right;
}

.btnBox {
	display: flex;
	justify-content: flex-end;
	margin-top: 10rpx;
}

.btnBox>view {
	padding: 12rpx 26rpx;
	box-sizing: border-box;
	border: 2rpx solid #c8c9cc;
	border-radius: 8rpx;
	font-size: 26rpx;
	color: #323233;
	margin-left: 30rpx;
	text-align: center;
	line-height: 40rpx;
}
.moreImg{
	width: 120rpx;
	height: 120rpx;
	margin-right: 10rpx;
	border-radius: 8rpx;
}
.noDataBox{
	padding-top: 50rpx;
	box-sizing: border-box;
	text-align: center;
}

.noDataImg{
	width: 200rpx;
	height: 200rpx;
}
.noData{
	font-size: 28rpx;
	color: #c6c7c9;
	width: 100%;
	text-align: center;
	margin-top: 40rpx;
}