You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
1.9 KiB
123 lines
1.9 KiB
<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>
|