<template>
	<view class="m_contents" style="margin:0 30rpx">
		<view class="field" style="margin-top:20rpx" @click="gotoPage">
			<view class="left">
				<image :src="`${$imgUrl}search/car.png`"></image>
			</view>
			<view class="right">
				<text>历史用户申请</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		navTo
	} from '@/utils/utils';

	const gotoPage = () => {
		navTo("/subpackage/personal-center/old-user")
	}
</script>

<style>
	page {
		background: #eef7f7;
	}

	.m_contents .title {
		padding: 30rpx 0;
		background: #ffffff;
		text-align: center;
	}

	.title .fee {
		margin-top: 15rpx;
		font-size: 48rpx;
		color: #f95355;
	}

	.m_contents .field {
		position: relative;
		display: flex;
		background: #FFFFFF;
		padding: 30rpx;
		align-items: center;
		border-radius: 16rpx;
		color: #040404;
	}

	.field .left {
		width: 60rpx;
		height: 60rpx;
		margin-right: 20rpx;
	}

	.field image {
		width: 100%;
		height: 100%;
	}

	.m_contents .field::after {
		content: " ";
		display: inline-block;
		width: 16rpx;
		height: 16rpx;
		position: absolute;
		top: 50%;
		right: 34rpx;
		border-width: 4rpx 4rpx 0 0;
		border-color: #bbbbbb;
		border-style: solid;
		transform: translateY(-50%) matrix(0.71, 0.71, -.71, 0.71, 0, 0);
	}
</style>