小程序中<van-tab>自定义icon

在小程序中使用 `van-tab` 组件自定义图标可以通过以下步骤实现：

1. 将需要使用的图标转成 base64 格式。

2. 在组件中使用 `icon` 属性，并指定需要使用的图标。

例如，可以使用以下代码在一个选项卡中使用一个自定义图标：

<van-tab icon="data:image/png;base64,iVBORw0KGg..."></van-tab>

3. 如果需要频繁使用自定义图标，可以将其封装成一个组件。

例如，可以创建一个名为 `custom-icon` 的组件，用于显示自定义图标。

在 `custom-icon` 组件中，可以通过以下代码设置 `icon` 属性：

<van-icon name="my-icon" class="custom-icon"></van-icon>

其中，`my-icon` 是需要显示的自定义图标名称，`custom-icon` 是自定义的样式类名，用于设置图标的样式。

4. 在应用中引入自定义图标组件。

最后，在应用中需要使用自定义图标的地方，可以使用以下代码引入 `custom-icon` 组件：

import CustomIcon from './path/to/custom-icon';

Vue.component('custom-icon', CustomIcon);

在上面的代码中，`CustomIcon` 是引入的自定义图标组件。然后使用 `Vue.component()` 来注册 `custom-icon` 组件，以便在应用中使用该组件。

综上所述，以上是在小程序中使用 `van-tab` 组件自定义图标的方法。