佰川加油
This commit is contained in:
104
BagAuth/pages/userPage/userPage.vue
Normal file
104
BagAuth/pages/userPage/userPage.vue
Normal file
@@ -0,0 +1,104 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user