zhywpt-sp/subpackage/personal-center/trajectory/see-month.vue

<template>
	<view class="record">
		<view class="current">
			<text>6月通行</text>
		</view>
		<view class="detail">木月九州EC比你通行了0次高速通行查看历史月度统计要消费0元要通行</view>
	</view>
	<view class="record">
		<view class="current">
			<text>6月通行</text>
		</view>
		<view class="detail">木月九州EC比你通行了0次高速通行查看历史月度统计要消费0元要通行</view>
	</view>
	<view class="record">
		<view class="current">
			<text>6月通行</text>
		</view>
		<view class="detail">木月九州EC比你通行了0次高速通行查看历史月度统计要消费0元要通行</view>
	</view>
	<view class="record">
		<view class="current">
			<text>6月通行</text>
		</view>
		<view class="detail">木月九州EC比你通行了0次高速通行查看历史月度统计要消费0元要通行</view>
	</view>s
</template>

<script>
</script>

<style scoped>
	.record{
		width: 90%;
		min-height: 220rpx;
		box-shadow:  0px 0px 8px 2px rgb(218, 247, 247) inset;
		margin: 20rpx auto;
		padding: 30rpx;
		box-sizing: border-box;
		font-size: 30rpx;
	}
	.current{
		border-bottom: 1rpx solid #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20rpx;
	}
	.more>image{
		transform: rotate(180deg);
		width: 30rpx;
		height: 30rpx;
		vertical-align: middle;
	}
	.detail{
		margin-top: 20rpx;
		line-height: 40rpx;
	}
</style>