小程序tabbar（小程序tabbar图标尺寸）

小程序tabbar

简介：

小程序tabbar是小程序提供的一种底部导航栏组件，它可以在小程序中方便地实现页面之间的切换，并且提高用户操作的友好性。本文将介绍小程序tabbar的使用方法和配置参数。

多级标题：

一、使用方法

二、配置参数

1.颜色相关参数

2.图标相关参数

3.文本相关参数

内容详细说明：

一、使用方法

要使用小程序tabbar，需要先引入wxss样式文件。具体引入方法如下：

然后，在需要显示tabbar的页面中，在page的wxml文件中进行如下定义：

首页

菜单

设置

以上代码定义了一个包含三个选项的tabbar，每个选项包括一个图标和一个文本。在小程序中，tabbar的最小项数为2，最大项数为5。

二、配置参数

配置小程序tabbar时，可以通过配置相关参数来实现不同的效果，具体参数如下：

1.颜色相关参数

参数名 类型 默认值 描述

----- --------- ---------- --------------

background-color string #ffffff 背景颜色

color string #888888 文本默认颜色

selected-color string #1aad19 文本选中颜色

2.图标相关参数

参数名 类型 描述

----- --------- -----------------------

weui-tabbar__icon WeUI图标

3.文本相关参数

参数名 类型 描述

----- --------- -----------------------

weui-tabbar__label 文本