105 lines
2.5 KiB
Vue
105 lines
2.5 KiB
Vue
<template>
|
||
<view class="page-content my-bg">
|
||
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
|
||
<block slot="backText">返回</block>
|
||
<block slot="content">个人中</block>
|
||
</cu-custom>
|
||
<view class="cu-list menu-avatar">
|
||
<view class="cu-item arrow">
|
||
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);"></view>
|
||
<view class="content">
|
||
<view class="text-grey">用户姓名</view>
|
||
<view class="text-gray text-sm flex">
|
||
<view class="text-cut">
|
||
<!-- <text class="cuIcon-infofill text-red margin-right-xs"></text> -->
|
||
当前：个人账户
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="action">
|
||
<text class="cuIcon-right text-grey "></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="cu-list menu ">
|
||
<view class="cu-item ">
|
||
<view class="content">
|
||
<text class="color-000">手机号</text>
|
||
</view>
|
||
<view class="action">
|
||
<text class="text-grey text-sm">111111111</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="cu-item ">
|
||
<view class="content">
|
||
<text class="color-000">身份证号</text>
|
||
</view>
|
||
<view class="action">
|
||
<text class="text-grey text-sm">3102***5411</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="cu-item ">
|
||
<view class="content">
|
||
<text class="color-000">车牌号</text>
|
||
</view>
|
||
<view class="action">
|
||
<text class="text-grey text-sm">皖ADW857</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="cu-item arrow">
|
||
<view class="content">
|
||
<text class="color-000">登入密码</text>
|
||
</view>
|
||
<view class="action">
|
||
<text class="text-grey text-sm">管理登入密码</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="cu-item arrow">
|
||
<view class="content">
|
||
<text class="color-000">支付密码</text>
|
||
</view>
|
||
<view class="action">
|
||
<text class="text-grey text-sm">设置支付密码</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="padding margin-top bg-white margin-bottom">
|
||
<view class="cu-item text-center">
|
||
<text class="color-000 text-center">切换账号</text>
|
||
</view>
|
||
</view>
|
||
<view class="padding bg-white">
|
||
<view class="cu-item text-center">
|
||
<text class="color-000 text-center">退出</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.cu-list+.cu-list {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.page-content {
|
||
min-height: 100%;
|
||
}
|
||
</style>
|