一、常见的交互反馈设计
1.使用button组件的loading属性,在按钮的文字前边出现一个Loading
2.wx.showToast显示提示(一般搭配wx.hideToast使用)
wx.showToast({
title: '已发送',
icon: 'success',
duration: 1500
})
//例如点击显示提示,在请求成功后通过wx.hideToast关闭提示
wx.hideToast()
3.wx.showModal模态对话框
wx.showModal({
title: '标题',
content: '告知当前状态,信息和解决方法',
confirmText: '主操作',
cancelText: '次要操作',
success: function(res) {
if (res.confirm) {
console.log('用户点击主操作')
} else if (res.cancel) {
console.log('用户点击次要操作')
}
}
})
二、本地存储
(一)同步
1.存储:wx.setStorageSync('list', {age:5})
2.获取:wx.getStorageSync('list')
//本地同步缓存
syncSet(){
console.log('这是同步缓存');
wx.setStorageSync('sync', {content:'这是同步缓存'})
},
//本地同步获取
syncGet(){
console.log(wx.getStorageSync('sync'));
},
(二)异步
1.存储:wx.setStorage({ })
2.获取:wx.getStorage({ })</