循環中的每壹項按項返回,每壹項對應的索引按索引返回。
Wx:key= " ",設置每個項目的唯壹標識。在循環列表時,加入wx:key的好處是,以後列表變化時,重新渲染列表的損失會更低。
使用wx:for-item指定數組當前元素的變量名,使用wx:for-index指定數組當前下標的變量名:
條件渲染可以使用wx:if或者hidden。
壹般來說,wx:if的切換成本較高,hidden的初始渲染成本較高。所以如果需要經常切換,還是用隱藏的比較好;如果條件不可能在運行時改變,wx:if更好。
Wx:if用於條件渲染:如果條件為真,則生成裏面的內容,如果為假,則不生成裏面的內容。(每次都重新生成內容)
還可以使用wx:elif和wx:else來添加else塊。
Hidden用於條件渲染:如果條件為真,則隱藏裏面的內容,如果為假,則顯示裏面的內容。(每次都切換樣式)
將tabBar節點添加到app.json文件中。TabBar是applet客戶端底部或頂部的選項卡欄的實現。
Color:選項卡上文本的默認顏色,僅支持十六進制顏色。
選定顏色:選項卡上選定文本的顏色。僅支持十六進制顏色。
Backgroundcolor:選項卡的背景顏色,僅支持十六進制顏色。
border style:tabbar上邊框的顏色。僅支持黑色/白色。
position:position:tabBar,默認值為:bottom,只支持bottom/top。當位置在頂部時,圖標不顯示。
自定義:自定義tabBar。
List是壹個定義選項卡列表的數組。只能配置最少2個和最多5個選項卡。
PagePath:頁面路徑,必須先在pages中定義。
文本:選項卡上的按鈕文本。
IconPath:圖像路徑。圖標大小限制為40kb,推薦大小為81px * 81px。不支持網絡圖像。
SelectedIconPath:選中時的圖像路徑。圖標大小限制為40kb,推薦大小為81px * 81px。不支持網絡圖像。
跳轉到正常頁面,通過返回按鈕可以直接返回。
navigateTo()方法用於跳轉到普通頁面。可以通過返回按鈕直接返回。
頁面js文件中的Add方法:
RedirectTo()方法,關閉當前頁面並跳轉到指定頁面。您不能通過“後退”按鈕返回頁面。此方法不能用於跳轉到tabBar頁面。
頁面js文件中的Add方法:
跳轉到tabBar頁面並通過tabBar按鈕返回。
如果要使用navigator組件跳轉到tabBar頁面,需要設置open-type="switchTab "。
switchTab()方法用於跳轉到tabBar頁面。
頁面js文件中的Add方法: