百度智能小程序底部標簽欄交互如何優(yōu)化

1935次閱讀

底部標簽欄

底部標簽欄通常用于首頁橫向視圖導航的切換,它始終固定在屏幕底部,不隨頁面滾動隱藏。

1.png


元素解構

2.png

1、容器
2、標簽選項


容器

3.png

標簽導航欄容器可以放置2-5個標簽選項,每個標簽欄對應展現(xiàn)其相應的分類內容。
容器顏色默認顯示白色,開發(fā)者也可以配置相應的顏色,配置時請注意整體頁面效果,設計側建議可以參考后文的個性定制章節(jié)。


標簽選項

標簽選項由圖標和選項名稱組成,根據(jù)用戶行為分為三個階段狀態(tài):非選中態(tài)、點擊態(tài)和選中態(tài)。其中點擊態(tài)由小程序統(tǒng)一處理,其他由開發(fā)者自行定義。

4.png

1、圖標
需要開發(fā)者自行上傳選項在選中和非選中的圖標;
圖標格式png,尺寸為81*81px,大小限制40kb。
2、選項名稱
選項名稱在選中態(tài)默認黑色,支持自定義;
每個選項名稱最多5個中文字符,超出截斷。


交互行為

點擊底部標簽時,用戶屏幕可以切換至與其關聯(lián)內容;點擊當前頁面所在標簽,則無反應。

5.png


閱讀本文的人還可以閱讀:

百度智能小程序入口有哪些?哪里可以進入百度智能小程序?

百度智能小程序開源聯(lián)盟是什么

百度智能小程序的流量為什么那么高,小程序如何引流?

怎樣做好百度智能小程序體驗設計(1)

本文由夫唯團隊編輯,如發(fā)現(xiàn)錯誤,歡迎通過客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動Google SEO培訓課程,一千零一夜帶領大家一起出海。

感興趣的同學,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標:讓大家獨立站出海不再“望洋興嘆”。

国产综合亚洲欧洲区精品无码,欧美一级免费一区二区,精品一级片高清无码,亚洲成片在线无码看 www.sucaiwu.net
Processed in 1.017858 Second , 387 querys.