luoyang-uniapp-app/pages/tabbar/mine/index.vue

<template>
	<view class="pageBgImg">
		<view class="status_bar"></view>
		<!-- 用户信息 -->
		<view class="userInfo">
			<view class="avatar">
				<image src="@/static/images/mineIcon/emtryIcon (3).png" mode=""></image>
			</view>
			<view class="rightInfo">
				<view class="name-row">
					<view class="leftTxt">
						<view class="name">JOE宝宝</view>
						<view class="arrowIcon">
							<image src="@/static/images/icon/arrowRightfff.png" mode=""></image>
						</view>
					</view>
					<view class="scanCode">
						<image src="@/static/images/mineIcon/sanCode.png" mode=""></image>
					</view>
				</view>
				<view class="phone">18267103167</view>
			</view>
		</view>
		
		<view class="pad">
			<view class="ul">
				<view class="li" v-for="(item,index) in ulData" :key="index"  @click="$goPage(item.url)">
					<view class="icon">
						<image :src="item.icon" mode=""></image>
					</view>
					<view class="text">{{ item.name }}</view>
				</view>
			</view>
			
			<view class="ul2">
				<view class="li2" v-for="(item,index) in ulData2" :key="index">
					<view class="icon">
						<image :src="item.icon" mode=""></image>
					</view>
					<view class="text">{{ item.name }}</view>
					<view class="arrowRight">
						<u-icon name="arrow-right" color="#ccc" size="16"></u-icon>
					</view>
				</view>
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ulData: [
					{name: '学车进度', icon: require('@/static/images/mineIcon/emtryIcon (4).png'),url: '/pages/mineEntry/carLearProgress/carLearProgress'},
					{name: '我的预约', icon: require('@/static/images/mineIcon/emtryIcon (1).png'),url: ''},
					{name: '我的订单', icon: require('@/static/images/mineIcon/emtryIcon (2).png'),url: ''},
					{name: '我的合同', icon: require('@/static/images/mineIcon/emtryIcon (3).png'),url: ''},
				],
				ulData2: [
					{name: '学时查询', icon: require('@/static/images/mineIcon/minIcon (4).png'),url: ''},
					{name: '我的评价', icon: require('@/static/images/mineIcon/minIcon (1).png'),url: ''},
					{name: '退款申请', icon: require('@/static/images/mineIcon/minIcon (3).png'),url: ''},
					{name: '变更车型', icon: require('@/static/images/mineIcon/minIcon (7).png'),url: ''},
					{name: '同城转校', icon: require('@/static/images/mineIcon/minIcon (5).png'),url: ''},
					{name: '退款申请记录', icon: require('@/static/images/mineIcon/minIcon (6).png'),url: ''},
					{name: '关于我们', icon: require('@/static/images/mineIcon/minIcon (2).png'),url: ''},
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>