GSExamProj/pages/personalInfo/personalInfo.vue

82 lines
1.5 KiB
Vue
Raw Normal View History

2024-04-18 11:01:57 +08:00
<template>
<view>
<view class="nav-bar"></view>
<!-- <u-cell-group style="width: 90%; margin: 15rpx auto; background-color: #fff;" :border="false">
<u-cell
title="姓名"
:border="false"
:value="username"
style="border-bottom: 1px solid #e4e4e4;"
>
</u-cell>
<u-cell
title="身份证号"
:border="false"
:value="idCard"
style="border-bottom: 1px solid #e4e4e4;"
>
</u-cell>
<u-cell
title="联系方式"
:border="false"
:value="phone"
style="border-bottom: 1px solid #e4e4e4;"
>
</u-cell>
</u-cell-group> -->
<view class="single-info">
<h4>姓名</h4>
<span>{{ username }}</span>
</view>
<view class="single-info">
<h4>身份证号</h4>
<span>{{ idCard }}</span>
</view>
<view class="single-info">
<h4>联系方式</h4>
<span>{{ phone }}</span>
</view>
</view>
</template>
<script>
export default {
data() {
return {
username: uni.getStorageSync('name'),
phone: uni.getStorageSync('phone'),
idCard: uni.getStorageSync('idCard')
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.nav-bar{
width: 100%;
height: var(--status-bar-height);
padding-top: var(--status-bar-height);
}
.single-info{
width: 90%;
margin: 0 auto;
box-sizing: border-box;
padding: 25rpx 15rpx;
border-bottom: 1px solid #e4e4e4;
display: flex;
justify-content: space-between;
align-items: center;
h4{
font-size: 14px;
font-weight: normal;
color: #959595;
}
span{
font-size: 14px;
}
}
</style>