建站百科Website News

当前位置:首页 »如何优化百度智能小程序底部标签栏的交互

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

来源:互联网整理 日期:2019-09-16 17:00:01 访问量:
摘要:底部标签栏底部选项卡栏通常用于切换首页横向视图的导航。 它总是固定在屏幕底部,不会随着页面滚动和隐藏。元素解构1。 容器2。标签选项容器标签导航栏容器可以放置2-5个标签选项,每个标签列相应地显示其相应的分类内容。默认情况下,容器的颜色是白色。开发人员也可以配置相应的颜色。配置时请注意整体页面效果。设计方面建议您可以参考下面的个性化定制部分。标签选项标签选项由图标和选项名称组成,根据用户行为分为三

底部标签栏

底部选项卡栏通常用于切换首页横向视图的导航。 它总是固定在屏幕底部,不会随着页面滚动和隐藏。

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

元素解构

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

1。 容器
2。标签选项

容器

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

标签导航栏容器可以放置2-5个标签选项,每个标签列相应地显示其相应的分类内容。
默认情况下,容器的颜色是白色。开发人员也可以配置相应的颜色。配置时请注意整体页面效果。设计方面建议您可以参考下面的个性化定制部分。

标签选项

标签选项由图标和选项名称组成,根据用户行为分为三个阶段:未选择、单击和选择。点击状态由applet处理,其余由开发人员定义。

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

1。核标准情报中心
开发者需要自己上传选中和未选中的图标。
图标格式png,大小81*81px,大小限制40kb。
2。选项名称
选择时,选项名称默认为黑色,并支持自定义。
每个选项名称最多有5个汉字,超过截断长度。

互动行为

当点击底部标签时,用户屏幕可以切换到与其相关联的内容;单击当前页面所在的标签,将没有响应。

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

扫描左侧二维码
关注猎凡微信公众号

上海猎凡网络科技有限公司  Copyright 2016-2019  www.seobr.com  All rights reserved.

Email:245858536@qq.com    邮政编码:710016    沪ICP备16023398号-8

联系地址:上海市嘉定区沪宜公路5358号1层J427室    客服热线:15900558865

上海网站建设、自助建站制作公司-猎凡科技,已为众多企业提供网站建设网站制作响应式自助建站手机网站建设虚拟主机云主机服务器租用等建站解决方案。