ant vue design 版本（1.7.8） 表单验证提示如何改为悬浮提示

你可以使用 Element UI 提供的 el-form 组件的属性来实现悬浮提示。具体做法是在 el-form 标签上添加 `inline-message` 属性并将其值设置为 `false`，然后在 el-form-item 标签上添加 `prop` 和 `rules` 属性，其中 `rules` 属性是表单验证规则，`prop` 属性是表单控件的绑定值。最后，在 el-form-item 标签中添加一个 el-tooltip 组件，将其绑定到表单控件上，即可实现悬浮提示。

下面是一个示例代码：

<template>
  <el-form :inline-message="false">
    <el-form-item label="用户名" prop="username" :rules="[{ required: true, message: '请输入用户名', trigger: 'blur' }]">
      <el-tooltip effect="dark" placement="top">
        <template slot="content">请输入用户名</template>
        <el-input v-model="username"></el-input>
      </el-tooltip>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      username: ''
    }
  }
}
</script>

在上面的代码中，我们使用 el-tooltip 组件来实现悬浮提示，将其绑定到 el-input 组件上。当用户将鼠标悬浮在表单控件上时，将会显示 el-tooltip 组件中的提示内容。同时，我们还在 el-form-item 标签中定义了表单验证规则，当用户输入的内容不符合要求时，将会自动弹出错误提示。