xiongmao/pages/my/transaction-logistics/transaction-logistics.vue

<!-- 交易物流 -->
<template>
	<view class="wrap">
		<view class="list">
			<view class="item">
				<view class="item-top">
					<text>您的订单已发货</text>
					<text>10:47</text>
				</view>
				<view class="item-content">
					<image src="../../../static/img-4.png" class="item-img" mode="widthFix"></image>
					<view class="item-sidebar">
						<view class="item-name">
							您购买的【狂欢季】MINISO名创优品…已…
						</view>
						<view class="item-msg" @tap="logisticsDetails">
							查看物流信息
						</view>
					</view>
				</view>
			</view>
			<view class="item">
				<view class="item-top">
					<text>您的订单已发货</text>
					<text>昨天</text>
				</view>
				<view class="item-content">
					<image src="../../../static/img-4.png" class="item-img" mode="widthFix"></image>
					<view class="item-sidebar">
						<view class="item-name">
							您购买的【狂欢季】MINISO名创优品…已…
						</view>
						<view class="item-msg" @tap="logisticsDetails">
							查看物流信息
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 跳转物流详情
				logisticsDetails(){
					uni.navigateTo({
						url:'../../my-order/logistics-details/logistics-details'
					})
				}
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	@import "./transaction-logistics.css";
</style>