AI智能
当前位置:
涂社首页 / 网站资讯 / 技术相关 / 百度智能小程序底部标签栏交互如何优化

百度智能小程序底部标签栏交互如何优化

2023-09-12 22:19   责任编辑: 涂社互联      阅读次数:26369   

底部标签栏

底部标签栏通常用于首页横向视图导航的切换,它始终固定在屏幕底部,不随页面滚动隐藏。

1.png


元素解构

2.png

1、容器
2、标签选项


容器

3.png

标签导航栏容器可以放置2-5个标签选项,每个标签栏对应展现其相应的分类内容。
容器颜色默认显示白色,开发者也可以配置相应的颜色,配置时请注意整体页面效果,设计侧建议可以参考后文的个性定制章节。


标签选项

标签选项由图标和选项名称组成,根据用户行为分为三个阶段状态:非选中态、点击态和选中态。其中点击态由小程序统一处理,其他由开发者自行定义。

4.png

1、图标
需要开发者自行上传选项在选中和非选中的图标;
图标格式png,尺寸为81*81px,大小限制40kb。
2、选项名称
选项名称在选中态默认黑色,支持自定义;
每个选项名称最多5个中文字符,超出截断。


交互行为

点击底部标签时,用户屏幕可以切换至与其关联内容;点击当前页面所在标签,则无反应。

5.png


扫二维码与项目经理沟通

我们在微信上24小时期待您的声音

解答:网站建设APP开发小程序开发

涂社互联是色涂君网络旗下专注于网站建设APP开发小程序开发定制解决方案为主的互联网营销落地品牌。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求发展的企业贡献全部力量。

涂社互联公众号
色涂君网络旗下涂社互联官方微信公众号