zhywpt-sp/issueActivation/index.vue

<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("/issueActivation/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;
	  /* border-bottom: 1px solid #dddddd; */
	  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>