微信小程序笔记

1、页面背景色设置

在wxss中

2、常用页面配置

navigationBarBackgroundColor 导航栏背景颜色
navigationBarTextStyle 导航栏标题颜色
navigationBarTitleText 导航栏标题文字内容
backgroundTextStyle 下拉loading样式，light/dark

3、页面路由

wx.navigateTo
保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。

wx.redirectTo
关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.switchTab
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

wx.reLaunch
关闭所有页面，打开到应用内的某个页面。

wx.navigateBack
关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

4、表单组件

button
type：按钮的样式类型，primary 绿色，default 白色，warn 红色
plain：按钮是否镂空，背景色透明

input
value：输入框的初始内容
type：input 的类型，text文本，number数字，idcard身份证，digit小数数字，safe-password密码安全输入键盘
password：是否是密码类型，默认不是
placeholder：输入框为空时占位符
maxlength：最大输入长度，设置为 -1 的时候不限制最大长度

5、view并排显示

display: flex;
flex-direction: row，row-reverse;
justify-content：
flex-start：主轴起点对齐(默认值)
flex-end：主轴结束点对齐
center：在主轴中居中对齐
space-between：两端对齐，除了两端的子元素分别靠向两端的容器之外，其他子元素之间的间隔都相等
space-around：每个子元素之间的距离相等，两端的子元素距离容器的距离也和其它子元素之间的距离相同
align-items：
stretch 填充整个容器(默认值)
flex-start 侧轴的起点对齐 （这里我们手动设置下子 view 的高度，来看的明显一些）
flex-end 侧轴的终点对齐
center 在侧轴中居中对齐
baseline 以子元素的第一行文字对齐

6、form表单提交数据

wxml——
form设置属性bindsubmit=“formSubmit”
formSubmit是当点击提交按钮时触发的事件，点击页面跳转什么的都写在这个函数里
input输入框设置属性name，作为数据的key
button设置属性form-type=“submit”
js——
想要访问input中的数据 e.detail.value.name