vant4自定义icon的class-prefix用法

Vant UI是一个轻量级的移动端UI组件库，如果你想在Vant 4中自定义图标，你可以通过设置`class-prefix`来自定义组件的CSS类前缀。默认情况下，Vant 4的图标类名为`van-icon`，例如默认的箭头右下的类名就是`van-icon-right-bottom`。

自定义`class-prefix`的步骤如下：

1. 导入Vant并配置：首先，在你的项目入口文件或全局样式中，导入Vant，并在其配置项中提供自定义的`class-prefix`。例如：

import { createApp } from 'vant'
import '@vant/weapp/css/index.css';
createApp(App).use(Vant, {
  classPrefix: '__custom__', // 将`van-`替换为你想要的前缀，如`__custom-`
});

2. 使用自定义图标：现在在你的HTML模板中引用图标时，使用新的前缀：

<i class="__custom-van-icon-right-bottom">向右下</i>

请注意，你需要确保这个自定义的前缀不会与其他已存在的CSS选择器冲突。