如何给sfcardcardHeader标题字段添加工具提示？

在 sf-card 组件的 cardHeader 标题字段上使用 Tooltip 组件来添加工具提示。首先需要安装并导入 Tooltip 组件库，然后在 cardHeader 标题字段上加入 Tooltip 组件即可。

示例代码如下：

<template>
  <sf-card>
    <template #header>
      <div class="header-title">
        <tooltip content="这是标题的工具提示">
          <h3 class="title">标题</h3>
        </tooltip>
      </div>
    </template>
    <div class="content">
      这里是内容
    </div>
  </sf-card>
</template>

<script>
  import Tooltip from 'vue-directive-tooltip'; // 导入 Tooltip 组件库

  export default {
    directives: {
      Tooltip, // 注册 Tooltip 组件
    },
    // ...
  }
</script>