微信小程序-枯木学习笔记5-我的信息

功能：我的信息

登录后，点tab页夹切换到“我的”，展示登陆者的信息。其本质其实和欢迎页面一个思路。
切换到我的tab时，onLoad读取缓存中的登录用户信息，然后再页面打印详细的用户信息

页面原型

1、my.js

Page({
    data: {
        student: {}
    },

    onLoad(options) {
        var student = wx.getStorageSync('student')
        this.setData({
            student: student
        })
        console.log("数据：")
        console.log(this.data.student)
    }
})

2、my.wxml

<view>
    <view class="container" style="background-image: url(/pages/images/mini_login_b_2.jpg);">
        <view>
            <view>编号：{{student.id}}</view>
            <view>身份证号：{{student.idCard}}</view>
            <view>姓名：{{student.name}}</view>
            <view>性别：{{student.sex}}</view>
            <view>年龄：{{student.age}}</view>
            <view>地址：{{student.address}}</view>
        </view>
    </view>
</view>

3、my.wxss

page{
    height: 100%;
}

.container{
  height: 100vh;
}