uni-fab悬浮按钮将图标修改图标

Uni-Fab（原名：Vant UI的 Fab - Feature Action Button）是一个轻量级、易用的移动端按钮组件，常用于放置操作按钮，如添加、删除等。若你想在 Uni-Fab 悬浮按钮中修改图标，你可以通过自定义属性或者样式来自行设置。

1. **通过属性设置**：在 HTML 结构中，`<uni-fab>` 标签通常有一个 `icon` 属性，你可以将其替换为你想要的图标名称，比如 UniApp 的内置图标名：

   <uni-fab icon="add" />

2. **通过 CSS 预设类名**：如果想使用更复杂的图标，可以借助 Vant 提供的预设类名 `circle-loading` 或者自定义 CSS 类来覆盖默认样式，设置 `@van/fab` 相关的 CSS:

   .custom-icon {
     background-image: url('your-custom-icon-url');
     width: 40px;
     height: 40px; /* 根据实际需要调整尺寸 */
   }
   
   <uni-fab class="custom-icon" />

3. **自定义图标组件**：如果你有自己的 SVG 图标库或第三方图标包，可以将图标作为 `<uni-fab>` 的内容，然后用 Vue.js 来动态绑定：

   <uni-fab slot="content">
     <template #default>
       <img :src="customIconSrc" />
     </template>
   </uni-fab>

记得在使用前查阅 UniFAB 的文档，确保所选图标支持且与组件兼容。