PSD1704课堂笔记五版：Flex布局回顾与日志页面实现.pdfVIP

回顾1

今天内容2

index页面样式2

实现logs日志页面3

样例一的总结6

附录7

回顾

1.作用在container的属性

1.1flex-direction:设置主轴的方向

1.2justify-content:设置item在主轴上的对齐方式

1.3align-items:设置item在侧轴上的对齐方式

2.作用在item的属性

2.1order:设置顺序

2.2align-self:某个item的布局方式

2.3flex:没有单位的一个值(份数)

回顾.1

今天的内容.2

索引页面样式.2

实现日志日志页面.3

房间家样例一的.6

附录.7

回顾

1.容器中的归属

1.1flex‑direction:主自行车的电视1.2

justify‑content:项在主跆拳上上校准方法

1.3align‑items:项在主跆拳上上校准方法

2.在项目中的属性

。

index页面样式

1.位置:

1.1app.wxss:全局样式

1.2index.wxss:针对index样式

2.目前支持的选择器:

2.1样例绝大多数都是使用类class选择器

索引⻚样式

1.地点：

1.1app.wxss：安发

2.目前支持的选择器：

2.1室家样例绝是作业类器

实现logs日志页面

1.跳转:点击头像和昵称组件,跳转到logs日志页面

1.1API:wx.navieTo({})

2.数据logs:

2.1数据格式:

2.2数据顺序:的时间最前面

2.3数据添加场景:小程序对象销毁,显示的数据多一条;

包含所有时间(进入小程序)

2.4数据:数据缓存到文件中(不需要制定路径)

a.wx.setStorage():异步写/wx.setStorageSync():同

步写(选择);会覆盖同key的数据

b.具体:app.js的onLaunch函数(小程序初始化成功;

只调用一次)

1)先从缓存中所有的时间数据,赋值给变量

(数组类型)

2)创建时间戳(进入时间),添加到数组的最前面

3)数组数据写入缓存:wx.setS