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

Posted 2023-02-24 长安紫薯

功能：我的信息

登录后，点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;