1/fore-end/components/myOrderCard/index.wxss

/* components/myOrderCard/index.wxss */
.van-swipe-cell__left{
	background-color: seagreen;
	height: inherit;
	width: 100px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.van-swipe-cell__right{
	background-color: red;
	height: inherit;
	width: 100px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.commodity-card{
	display: flex;
	flex-direction: column;
}

.commodity-card-title{
	display: flex;
	flex-direction: row;
}

.commodity-card-title>van-cell{
	border-bottom: none;
}

.commodity-card-title-name{
	position: relative;
	left: 0px;
	font-weight: 400;
	text-align: left;
	width: 200px;
}

.commodity-card-title-status{
	position: relative;
	right: 0;
	font-weight: 400;
	text-align: right;
	width: 50px;
}

.commodity-card-body{
	display: flex;
}

.commodity-card-body-info{
	display: flex;
	flex-direction: column;
}

.commodity-card-body-info-title{
	font-weight: 400;
	text-align: left;
}

.commodity-card-footer-btn{
	margin: 2px;
}