10月27号开始学习
学习地址：www.bilibili.com/video/BV12K…
- 学习记录
| 时间 | 进度 |
|---|---|
| 10月28 | 12章节 |
| 10月29 | 14章节 |
| 10月30 | 33章节 |
| 11月2 | 40章节 |
| 11月3 | 54章节 |
| 11月4 | 60章节 |
| 11月6 | 68章节 |
1px = 2rpx
小程序创建配置
初始化项目文件说明
project.config.json： 项目配置文件
第一个项目说明
如何把page里面的页面给撑满
display: flex的大小布局是由盒子撑开的
每个页面都会在最外层包裹一个page标签
page的样式是全局的，相当于html
page的样式写在app.wxss
/* 全局公共样式，整个页面的100% */
page {
height: 100%;
}
index 页面中background 如何被撑满整个页面
.indexContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: blueviolet;
height: 100%;
}
绑定事件
console.log(this.data.msg) // this代表当前页面的实例对象
绑定事件
bind 绑定:事件绑定不会阻止冒泡事件向上冒泡
catch 绑定: 事件绑定可以阻止冒泡事件向上冒泡
tap：移动端的点击事件
获取用户信息的API
用户未授权，首次登陆， button open-type=getUserInfo
用户已经授权：wx.getUserInfo
轮播图制作
iconfont 制作使用
在我的项目下复制下面的代码iconfont.wxcss, 然后全局注册 @import "/static/iconfont/iconfont.wxss";
3.资料
这个大佬的项目值得学习
