闸门智控小程序
This commit is contained in:
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<tui-list-view>
|
||||
<tui-list-cell :arrow="false">
|
||||
<view class="tui-item-box">
|
||||
<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
|
||||
<view class="tui-list-cell_name">账号</view>
|
||||
<view class="tui-ml-auto">
|
||||
{{user.account}}
|
||||
</view>
|
||||
</view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell :arrow="false">
|
||||
<view class="tui-item-box">
|
||||
<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
|
||||
<view class="tui-list-cell_name">姓名</view>
|
||||
<view class="tui-ml-auto">
|
||||
{{user.name}}
|
||||
</view>
|
||||
</view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell :arrow="false">
|
||||
<view class="tui-item-box">
|
||||
<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
|
||||
<view class="tui-list-cell_name">角色</view>
|
||||
<view class="tui-ml-auto">
|
||||
{{user.name}}
|
||||
</view>
|
||||
</view>
|
||||
</tui-list-cell>
|
||||
<tui-list-cell :arrow="false">
|
||||
<view class="tui-item-box">
|
||||
<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
|
||||
<view class="tui-list-cell_name">联系电话</view>
|
||||
<view class="tui-ml-auto">
|
||||
{{user.mobile}}
|
||||
</view>
|
||||
</view>
|
||||
</tui-list-cell>
|
||||
</tui-list-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import myapp from '@/common/js/myapp.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
user: {}
|
||||
}
|
||||
},
|
||||
onShow: function() {
|
||||
let user = myapp.checkLogin()
|
||||
this.user = user
|
||||
uni.setStorageSync('lastPagePath', '/packagePage/pages/userinfo/userinfo')
|
||||
console.info(user)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #F5F6FA;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
|
||||
.tui-item-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tui-list-cell_name {
|
||||
padding-left: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tui-ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.tui-list-cell {
|
||||
margin-bottom:20rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user