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.
79 lines
2.6 KiB
79 lines
2.6 KiB
<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>
|