native-ui+vue实现鼠标悬浮弹出文字提示框效果代码

代码语言:html

所属分类:弹出层

代码描述:native-ui+vue实现鼠标悬浮弹出文字提示框效果代码

代码标签: native-ui vue 鼠标 悬浮 弹出 文字 提示框

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue3.2.22.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/naive-ui@2.34.4.js"></script>
  </head>
  <body>
    <div id="app">
        <n-tooltip trigger="hover">
    <template #trigger>
      <n-button> 鸭子 </n-button>
    </template>
    如果它长得像鸭子,走起来像鸭子,叫起来也像鸭子,那它一定是个鸭子。
  </n-tooltip>
<n-tooltip plac.........完整代码请登录后点击上方下载按钮下载查看

网友评论0