底部標(biāo)簽欄
底部標(biāo)簽欄通常用于首頁(yè)橫向視圖導(dǎo)航的切換,它始終固定在屏幕底部,不隨頁(yè)面滾動(dòng)隱藏。
元素解構(gòu)
1、容器
2、標(biāo)簽選項(xiàng)
容器
標(biāo)簽導(dǎo)航欄容器可以放置2-5個(gè)標(biāo)簽選項(xiàng),每個(gè)標(biāo)簽欄對(duì)應(yīng)展現(xiàn)其相應(yīng)的分類(lèi)內(nèi)容。
容器顏色默認(rèn)顯示白色,開(kāi)發(fā)者也可以配置相應(yīng)的顏色,配置時(shí)請(qǐng)注意整體頁(yè)面效果,設(shè)計(jì)側(cè)建議可以參考后文的個(gè)性定制章節(jié)。
標(biāo)簽選項(xiàng)
標(biāo)簽選項(xiàng)由圖標(biāo)和選項(xiàng)名稱(chēng)組成,根據(jù)用戶(hù)行為分為三個(gè)階段狀態(tài):非選中態(tài)、點(diǎn)擊態(tài)和選中態(tài)。其中點(diǎn)擊態(tài)由小程序統(tǒng)一處理,其他由開(kāi)發(fā)者自行定義。
1、圖標(biāo)
需要開(kāi)發(fā)者自行上傳選項(xiàng)在選中和非選中的圖標(biāo);
圖標(biāo)格式png,尺寸為81*81px,大小限制40kb。
2、選項(xiàng)名稱(chēng)
選項(xiàng)名稱(chēng)在選中態(tài)默認(rèn)黑色,支持自定義;
每個(gè)選項(xiàng)名稱(chēng)最多5個(gè)中文字符,超出截?cái)唷?br/>
交互行為
點(diǎn)擊底部標(biāo)簽時(shí),用戶(hù)屏幕可以切換至與其關(guān)聯(lián)內(nèi)容;點(diǎn)擊當(dāng)前頁(yè)面所在標(biāo)簽,則無(wú)反應(yīng)。
閱讀本文的人還可以閱讀: