pages/sub_index/getCityCard.vue

<template>
	<view class="getCityCard">
		<view class="getCityCard-list">
			<u-cell-group>
				<u-cell-item title="挂失" @click="toPath('/pages/sub_mine/reportheLoss')">
					<u-icon slot="icon" size="32" name="gs" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="开卡" @click="toPath('')">
					<u-icon slot="icon" size="32" name="file-text"></u-icon>
				</u-cell-item>
				<u-cell-item title="年检" @click="toPath()">
					<u-icon slot="icon" size="32" name="jc" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
				<u-cell-item title="卡应用" @click="toPath('/pages/sub_index/cardApply')">
					<u-icon slot="icon" size="32" name="card" custom-prefix="custom-icon"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

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

			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	/deep/.u-cell_title{
		margin-left: 30rpx;
	}
	.getCityCard {
		width: 100vw;
		// height: 100vh;
		background-color: #F3F3F3;
		overflow: hidden;
		padding-bottom: 30rpx;
		&-list {
			margin-top: 30rpx;
		}
	}
</style>