Skip to content

底部导航

底部导航是用于管理和配置移动应用底部导航栏的功能模块,支持自定义导航项的图标、标题、链接以及样式设置,为用户提供便捷的页面导航体验。

主界面概述

主界面显示底部导航的插件列表,包含以下信息:

  • 插件名称:显示底部导航插件的名称。

  • 插件标识:显示底部导航插件的唯一标识符。

  • 插件类型:显示底部导航插件的类型。

  • 操作:提供对底部导航的编辑功能,点击"编辑"按钮可进入底部导航编辑界面。

编辑功能

点击主界面中的"编辑"按钮后,将进入底部导航编辑界面,支持对底部导航进行详细配置。

编辑界面布局

编辑界面包含以下区域:

左侧预览区

实时显示底部导航的预览效果。

右侧配置区

包含导航图片和样式设置两个标签页,用于配置底部导航的各项属性。

导航图片设置

在"导航图片"标签页中,可以配置底部导航的图标、标题和链接:

  • 导航图标选择:为每个导航项选择未选中和选中状态的图标。

  • 导航标题设置:为每个导航项输入自定义标题(最多5个字符)。

  • 导航链接设置:为每个导航项设置跳转链接(如首页、个人中心等)。

  • 添加导航按钮:点击后可添加新的导航项,至少添加2个导航,最多添加5个导航。

  • 保存按钮:保存当前的底部导航配置。

  • 返回按钮:返回到底部导航主界面。

样式设置

在"样式设置"标签页中,可以配置底部导航的外观样式:

  • 导航类型选择:支持三种导航类型:

    • 图文:同时显示图标和文字。

    • 图片:仅显示图标。

    • 文字:仅显示文字。

  • 文字颜色设置:设置导航文字的默认颜色,支持颜色选择器。

  • 文字选中颜色设置:设置导航项被选中时的文字颜色,支持颜色选择器。

  • 背景颜色设置:设置底部导航栏的背景颜色,支持颜色选择器。

  • 重置按钮:点击后可重置当前样式设置为默认值。

  • 保存按钮:保存当前的样式设置。

  • 返回按钮:返回到底部导航主界面。

基于 MIT 协议发布