## 微信小程序--days 4(欢迎大家交流,学习)
icon组件(显示图标)
1.icon type="图标类型" size="图标大小" color="图标颜色"
2.type:cancel info_circle success_no_circle success info warn waiting download search clear
switch组件(开关选择组件)
属性:
1.checked:设置是否被选中。默认为false
2.type:switch checkbox
3.bindchange:可传入event.detail.value值,表示当前的checked的状态。
保存数据的接口函数
1.wx.setStorage:
将数据存储在本地缓存的指定key中,值会覆盖。
参数是一个Object对象
属性:
key:一个字符串,本地缓存中的key值。
data:需要存储的内容,类型为字符串型/Object型。
success:接口函数调用成功的回调函数。
fail:接口函数调用失败的回调函数。
complete:接口调用结束的回调函数。
2.wx.setStorageSync:
eg:wx.setStorangeSync(KEY,DATA)
参数:
key
data
页面切换相关接口函数(页面叠加最多为5层)
1.wx.navigateTo:
保留当前界面,跳转到其他指定界面
参数为Object对象
url:跳转到的页面路径(eg:"/pages/A1/A1")
success:接口函数调用成功的回调函数。
fail:接口函数调用失败的回调函数。
complete:接口调用结束的回调函数。
2.wx.redirectTo:
关闭当前页面,跳转到其他指定界面
参数为Object对象
url:跳转到的页面路径(eg:"/pages/A1/A1")
success:接口函数调用成功的回调函数。
fail:接口函数调用失败的回调函数。
complete:接口调用结束的回调函数。
3.wx.navigateBack:
无参数
关闭当前界面,返回上一个界面
获取本地数据缓存接口函数
1.wx.getStorage:
key:一个字符串,本地缓存中的key值。
success:接口函数调用成功的回调函数。
fail:接口函数调用失败的回调函数。
complete:接口调用结束的回调函数。
2.wx.getStorageSync:
参数:key
清理本地缓存(最大缓存量为10MB)
1.wx.clearStorage:
无参数
2.wx.clearStorageSync
无参数
在调用该接口函数时,建议在try{.....}catch{....}中调用
form组件(表单组件)
属性:
report-sublmit:是否返回formId用于发送模板信息。
bindsublmit:携带form组件中的数据触发submit事件,event.detail={value:{"name":"value"},formId}
bindreset:表单重置时会触发reset事件
eg:e.detail.value.voice 可获得表单中名为voice的组件的值
注:微信小程序里的form组件没有action属性 ,使用wx.request可将表单中的值提交到后端
checkbox复选框组件-----checkbox-group组件
label标签组件
picker滚动选择器组件
radio单选按钮组件-----radio-group组件
textarea组件
picker组件(滚动选择器组件)
1.普通选择器:mode="selector"
属性:
range:一个字符串数组,每个元素作为选择器的一个选项。
value:一个整数,表示选择一个range数组中的第几个元素。从0开始。
bindchange
2.日期选择器:mode="date"
属性:
value:一个日期格式的字符串,表示选择的日期值,其格式为"yyy-MM-dd"。
start:一个日期格式的字符串,表示选择器的开始日期值,其格式为"yyy-MM-dd"。
end:一个日期格式的字符串,表示选择器的结束日期值,其格式为"yyy-MM-dd"。
fields:一个字符串,有效值为:"year","month","day";表示选择器的粒度,默认为"day",最小变化单位。
bindchange
3.时间选择器:mode="time"
属性:
value:一个时间格式的字符串,表示选择的时间,其格式为"hh:mm"。
start:一个时间格式的字符串,表示选择器的开始的时间值,其格式为"hh:mm"。
end:一个时间格式的字符串,表示选择器的结束的时间值,其格式为"hh:mm"。
bindchange