xiongmao/pages/my-order/logistics-details/logistics-details.vue

<template>
	<view class="wrap">
		<view class="item-content">
			<image src="../../../static/img-4.png" class="product-img" mode="aspectFill"></image>
			<view class="item-content-sidebar">
				<view class="product-item-row-between">
					<view class="product-item-name">
						冻干柠檬片 蜂蜜柠檬茶 保留鲜度96% 美白神器
					</view>
					<view class="row-end">
						<text class="product-item-price">￥394.00</text>
						<text class="product-item-num">x <text>1</text></text>
					</view>
				</view>
				<view class="product-item-tag">
					<text>一盒15g*20袋</text>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="box-between">
				<view class="box-between-sidebar">
					<image src="../../../static/icon-14.png" mode=""></image>
					<text>圆通快递 YT5462737255128</text>
				</view>
				<button type="default" class="copy-btn" @tap="copy">复制</button>
			</view>
			<view class="timeLine">
				<view class="timeLine_li">
					<view class="time-row active">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text class="active"></text></view>
					<view class="timeLine_box">
						<view class="con active">快件已到达 杭州滨州江区一部 </view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]杭州萧山散仓 已发出</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]快件已到达 杭州萧山散仓</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]杭州运转中心已发出</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">到杭州是[杭州运转中心]</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]快件已到达 杭州运转中心</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]快件已到达 杭州运转中心</view>
					</view>
				</view>
				<view class="timeLine_li">
					<view class="time-row">
						<text>下午</text>
						<text>13:50</text>
					</view>
					<view class="timeLine_row"><text></text></view>
					<view class="timeLine_box">
						<view class="con">[杭州市]快件已到达 杭州运转中心</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			//复制提示弹窗
			copy(){
				uni.showToast({
					title: '复制成功',
					duration: 2000
				});
			},
		}
	}
</script>
<style scoped lang="scss">
	@import "./logistics-details.css";
</style>