<script>
export default {
goToInfo(id) {
this.$router.push('/order/info/' + id)
},
},
}
</script>
```html
<template>
<div class="order-list">
<div class="order-item" v-for="item in orderList" :key="item.id">
<div class="mui-card">
<div class="mui-card-header">
<span>{
{ item.create_time }}</span>
<span>
<span v-if="item.is_pay">已支付</span>
<span v-else>未支付</span>
</span>
</div>
<div class="mui-card-content">
<div class="mui-card-content-inner">
<router-link class="goods-list" :to="'/order/info/' + item.id">
<div class="goods-item" v-for="goods in item.user_order_goods" :key="goods.id">
<img :src="goods.goods_goods.image">
<span>x{
{ goods.count }}</span>
</div>
</router-link>
</div>
<div class="totel"><span>实付金额:{
{ item.price }}</span>
<p><span v-if="item.is_cancel">已取消</span>
<a href=&
第二种列表展示方式
最新推荐文章于 2024-04-23 02:00:49 发布