zhywpt-sp/subpackage/after-sale/account-recharge/consumption-record.vue

<template>
	<view class='content'>
		<view class='search_wrap'>
			<input type="text" placeholder='搜索ETC卡号'/><button size='mini'>搜索</button>
		</view>
		<view class='item'>
			<view class='time'><text>时间：2021-07-10 09:37:22</text><text>￥5000</text></view>
			<view>ETC卡号:52011328220200045994</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.content{
		/* background-color:#f6f6f6; */
		min-height:100vh;
		padding: 0 30rpx;
		overflow: hidden;
		font-size: 32rpx;
	}
	.search_wrap{
		display:flex;
		margin:20rpx 0;
	}
	.search_wrap>input{
		background-color:rgb(238,240,237);
		width: 76%;
		height: 40rpx;
		line-height: 40rpx;
		padding: 10rpx 10rpx;
		border-radius: 10rpx 0 0 10rpx;
	}
	.item{
		width:100%;
		border:1rpx solid rgb(203,203,203);
		border-radius:10rpx;
		box-sizing: border-box;
		padding: 30rpx 20rpx;
		margin-top:30rpx;
	}
	.time{
		display:flex;
		margin-bottom: 16rpx;
		justify-content: space-between;
	}
</style>