123

src/components/user-merit/index.vue

@@ -1,21 +1,21 @@
 <template>
-	<div class="user-merit border-bottom">
+	<div class="user-merit border-bottom" v-if="data">
 		<img
-			src="https://img0.baidu.com/it/u=199023397,1701150760&fm=26&fmt=auto"
+			:src="data.user_info.avatar"
 			alt=""
 		/>
 		<div class="profile">
 			<div>
 				<div class="name">
-					<span>李晓华</span>
-					<span>湖南长沙</span>
+					<span>{{data.user_info.nickname}}</span>
+					<span>{{data.user_info.region}}</span>
 				</div>
-				<p>为佛像贴金身，菩萨护佑</p>
+				<p>{{data.goods_name}}</p>
 			</div>
 		</div>
 		<div class="result">
-            <p class="money">24212.23元</p>
-            <span class="date">2021-10-3 21：58</span>
+            <p class="money">{{data.order_amount || data.sum_money}}元</p>
+            <span class="date">{{data.paid_at}}</span>
 		</div>
 	</div>
 </template>
@@ -23,6 +23,7 @@
 <script>
 export default {
 	name: "user-merit",
+	props: ['data']
 };
 </script>
 
@@ -70,10 +71,12 @@ export default {
         text-align: right;
 		.money {
 			font-size: 0.37rem;
+			color: $primary-color;
+			font-weight: bold;
 		}
 		.date {
-			font-size: 0.32rem;
-            color: #666;
+			font-size: 0.3rem;
+            color: #888;
 		}
 	}
 }