update api abput mine

components/order-item/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="item" @click="toDetailsPage">
-		<image></image>
+		<image :src="info.extend_order_goods[0].goods_image"></image>
 		<view class="goods">
 			<view class="">
 				<view class="">
@@ -28,9 +28,8 @@ export default {
 	},
 	methods: {
 		toDetailsPage() {
-			console.log(this.info)
 			uni.navigateTo({
-				url: '/pages/index/details?current=' + this.cur
+				url: '/pages/index/details?id=' + this.info.order_id
 			});
 		},
 	},

components/order-item/testlist.vue

@@ -0,0 +1,84 @@
+<template>
+	<view class="item" @click="toDetailsPage">
+		<image :src="info.goods_pic"></image>
+		<view class="goods">
+			<view class="">
+				<view class="status" v-if="cur==4">待处理订单</view>
+			</view>
+			
+			<view class="name u-line-1">{{info.extend_order_goods[0].goods_name}}</view>
+			<view class="info">
+				<view class="num">共{{info.extend_order_goods[0].goods_num}}件商品</view>
+				<view class="price">实付<span>￥{{info.extend_order_goods[0].goods_pay_price}}</span></view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {}
+	},
+	props: {
+		cur: [Number, String],
+		info: Object
+	},
+	methods: {
+		toDetailsPage() {
+			uni.navigateTo({
+				url: '/pages/index/details?id=' + this.info.order_id
+			});
+		},
+	},
+};
+</script>
+<style lang="scss" scoped>
+.item {
+	margin: 0 auto 20rpx;
+	width: 690rpx;
+	height: 220rpx;
+	background: rgba(255,255,255,1);
+	border-radius: 10rpx;
+	padding: 30rpx;
+	display: flex; 
+	align-items: center;
+	> image {
+		width: 160rpx;
+		height: 160rpx;
+		flex-shrink: 0;
+		margin-right: 25rpx;
+		background-color: aqua;
+	}
+	.goods {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		justify-content: center;
+		.status {
+			align-self: flex-end;
+			font-size: 26rpx;
+			color: rgba(255,49,49,1);
+			margin-bottom: 30rpx;
+		}
+		.name {
+			width: 439rpx;
+			font-size: 28rpx;
+			color: rgba(51,51,51,1);
+			margin-bottom: 30rpx;
+		}
+		.info {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			font-size: 26rpx;
+			color: rgba(102,102,102,1);
+			.price {
+				margin-left: 10rpx;
+				> span {
+					color: #FF780F;
+				}
+			}
+		}
+	}
+}
+</style>