## 微信小程序--days 4(歡迎大家交流,學(xué)習(xí))
icon組件(顯示圖標(biāo))
1.icon type="圖標(biāo)類型" size="圖標(biāo)大小" color="圖標(biāo)顏色"
2.type:cancel? info_circle? success_no_circle? success? info? warn? waiting? download? search? clear
switch組件(開關(guān)選擇組件)
屬性:
1.checked:設(shè)置是否被選中。默認(rèn)為false
2.type:switch? ? checkbox
3.bindchange:可傳入event.detail.value值,表示當(dāng)前的checked的狀態(tài)。
保存數(shù)據(jù)的接口函數(shù)
1.wx.setStorage:
將數(shù)據(jù)存儲在本地緩存的指定key中,值會覆蓋。
參數(shù)是一個Object對象
屬性:
key:一個字符串,本地緩存中的key值。
data:需要存儲的內(nèi)容,類型為字符串型/Object型。
success:接口函數(shù)調(diào)用成功的回調(diào)函數(shù)。
fail:接口函數(shù)調(diào)用失敗的回調(diào)函數(shù)。
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)。
2.wx.setStorageSync:
eg:wx.setStorangeSync(KEY,DATA)
參數(shù):
key
data
頁面切換相關(guān)接口函數(shù)(頁面疊加最多為5層)
1.wx.navigateTo:
保留當(dāng)前界面,跳轉(zhuǎn)到其他指定界面
參數(shù)為Object對象
url:跳轉(zhuǎn)到的頁面路徑(eg:"/pages/A1/A1")
success:接口函數(shù)調(diào)用成功的回調(diào)函數(shù)。
fail:接口函數(shù)調(diào)用失敗的回調(diào)函數(shù)。
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)。
2.wx.redirectTo:
關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到其他指定界面
參數(shù)為Object對象
url:跳轉(zhuǎn)到的頁面路徑(eg:"/pages/A1/A1")
success:接口函數(shù)調(diào)用成功的回調(diào)函數(shù)。
fail:接口函數(shù)調(diào)用失敗的回調(diào)函數(shù)。
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)。
3.wx.navigateBack:
無參數(shù)
關(guān)閉當(dāng)前界面,返回上一個界面
獲取本地?cái)?shù)據(jù)緩存接口函數(shù)
1.wx.getStorage:
key:一個字符串,本地緩存中的key值。
success:接口函數(shù)調(diào)用成功的回調(diào)函數(shù)。
fail:接口函數(shù)調(diào)用失敗的回調(diào)函數(shù)。
complete:接口調(diào)用結(jié)束的回調(diào)函數(shù)。
2.wx.getStorageSync:
參數(shù):key
清理本地緩存(最大緩存量為10MB)
1.wx.clearStorage:
無參數(shù)
2.wx.clearStorageSync
無參數(shù)
在調(diào)用該接口函數(shù)時(shí),建議在try{.....}catch{....}中調(diào)用
form組件(表單組件)
屬性:
report-sublmit:是否返回formId用于發(fā)送模板信息。
bindsublmit:攜帶form組件中的數(shù)據(jù)觸發(fā)submit事件,event.detail={value:{"name":"value"},formId}
bindreset:表單重置時(shí)會觸發(fā)reset事件
eg:e.detail.value.voice 可獲得表單中名為voice的組件的值
注:微信小程序里的form組件沒有action屬性 ,使用wx.request可將表單中的值提交到后端
checkbox復(fù)選框組件-----checkbox-group組件
label標(biāo)簽組件
picker滾動選擇器組件
radio單選按鈕組件-----radio-group組件
textarea組件
picker組件(滾動選擇器組件)
1.普通選擇器:mode="selector"
屬性:
range:一個字符串?dāng)?shù)組,每個元素作為選擇器的一個選項(xiàng)。
value:一個整數(shù),表示選擇一個range數(shù)組中的第幾個元素。從0開始。
bindchange
2.日期選擇器:mode="date"
屬性:
value:一個日期格式的字符串,表示選擇的日期值,其格式為"yyy-MM-dd"。
start:一個日期格式的字符串,表示選擇器的開始日期值,其格式為"yyy-MM-dd"。
end:一個日期格式的字符串,表示選擇器的結(jié)束日期值,其格式為"yyy-MM-dd"。
fields:一個字符串,有效值為:"year","month","day";表示選擇器的粒度,默認(rèn)為"day",最小變化單位。
bindchange
3.時(shí)間選擇器:mode="time"
屬性:
value:一個時(shí)間格式的字符串,表示選擇的時(shí)間,其格式為"hh:mm"。
start:一個時(shí)間格式的字符串,表示選擇器的開始的時(shí)間值,其格式為"hh:mm"。
end:一個時(shí)間格式的字符串,表示選擇器的結(jié)束的時(shí)間值,其格式為"hh:mm"。
bindchange