微信小程序-枯木学习笔记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;
}

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

微信小程序-枯木学习笔记2-我的第一个小程序
需求 1.展现文字.图片 2.设置样式 - 内容居中 - 文字红色 - 图片设置宽高 3.点击按钮,文字改变准备照片创建image目录,打开目录所在位置拷入要展示的图片开发步骤模板会自动生成 ...
wechat_微信小程序的学习笔记
微信小程序的学习目标一.初识小程序 1.小程序简介二.安装并创建小程序项目 1.注册小程序开发账号(目的:获取AppID) 2.安装小程序开发者工具 3.创建和配置小程序项目三.学习小程序项目 ...
微信小程序开发学习笔记一
微信小程序学习笔记(一) 环境使用及创建项目文件目录设置 JS文件环境使用及创建项目环境使用:微信开发者工具一个微信号只能开发一个微信小程序. 在微信小程序开发手册下载最新版本,学习不要bet ...
微信小程序Day2学习笔记
学习目标此笔记参考b站黑马程序员微信小程序开发视频 D盘有文件写入权限问题,,今天换成了C盘,希望要撑住.. 1.WXML 模板语法 1.数据绑定的基本原则在 data 中定义数据在 WXM ...
微信小程序基础学习笔记Day01
学习目标:微信小程序基础Day01 今日目标: 能够知道如何创建小程序项目能够清楚小程序项目的基本组成结构能够知道小程序页面由几部分组成能够知道小程序中常见的组件如何使用能够知道小程序如何进行 ...
微信小程序Day4学习笔记
学习目标基础强化目录 1. 自定义组件 - 创建新建组件 1. 引用组件 2. 局部引用组件在 json 中引用, 在页面 wxml 中可以用标签 - 添加使用 3. 全局引用组件全局配 ...
微信小程序进阶学习笔记Day05
学习目标:微信小程序基础Day05 今日目标: 能够知道如何安装和配置 vant-weapp 组件库能够知道如何使用 MobX 实现全局数据共享能够知道如何对小程序的 API 进行Promise ...
微信小程序，学习笔记（三）微信小计算器
新年快乐,开工咯~~!! 2017年,新年上班第一天,大家都忙着串领导办公室领红包,我这人比较懒,就工位旁边领导领了个,闲着无聊,来写这新年第一遍博客,程序其实是去年回家前搞定的,今天算是给补上这篇记 ...
微信小程序基础学习笔记Day02
学习目标:微信小程序基础Day02 今日目标: 能够使用 WXML 模板语法渲染页面结构能够使用 WXSS 样式美化页面结构能够使用 app.json 对小程序进行全局性配置能够使用 page. ...

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

功能：我的信息

页面原型

1、my.js

2、my.wxml

3、my.wxss

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

最新文章

热门文章