JiangxiMiniProgram/pages/tabbar/mine/index.vue

<template>
	<view class="content pageBg">
		<!-- 学员名字 -->
		<view class="top_row flex-b">
			<view class="flex">
				<view class="userName">Hi，大乔</view>
				<view class="arrowIcon">
					<image src="../../../static/images/userCenter/loginTopBg.png" mode=""></image>
				</view>
			</view>
			<view class="scanCode">
				<image src="../../../static/images/userCenter/loginTopBg.png" mode=""></image>
			</view>
		</view>
		<!-- 学车进度 -->
		<view class="userProgress">
			
		</view>
		<!-- 我的相关入口 -->
		<view class="ul">
			<view class="li">
				<view class="icon">
					<image src="../../../static/logo.png" mode=""></image>
				</view>
				<view class="text">我的预约</view>
			</view>
		</view>
		<!-- 业务办理 -->
		<view class="business ">
			<view class="h1">业务办理</view>
			<view class="card">
				<view class="item">
					<view class="icon">
						<image src="../../../static/logo.png" mode=""></image>
					</view>
					<view class="text">学时查询</view>
				</view>
			</view>
		</view>
		<!-- <UserTab selectedIndex ='2'></UserTab> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {
			console.log('我的页面')
		},
		onShow() {
			// uni.hideTabBar();
		},
		methods: {
			goPage() {}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100vw;
		min-height: 100vh;
		background: url('../../../static/images/bigImg/topbg.png') no-repeat;
		background-size: 100% 362rpx;
	}
	
	.content {
		width: 100%;
	  .top_row {
	    .flex {
			
	      .userName {
	
	      }
	
	      .arrowIcon {
	        
	      }
	    }
	
	    .scanCode {
	      
	    }
	  }
	
	  .userProgress {
	
	  }
	
	  .ul {
	    .li {
	      .icon {
	        
	      }
	
	      .text {
	
	      }
	    }
	  }
	
	  .business {
	    .h1 {
	
	    }
	
	    .card {
	      .item {
	        .icon {
	          
	        }
	
	        .text {
	
	        }
	      }
	    }
	  }
	}
</style>