fi: 云台控制添加tooltip文字提示

@@ -2,11 +2,13 @@
   import { isNumber } from 'lodash';
   import { isNumber } from 'lodash';
   import videoJs, { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
   import videoJs, { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
   import 'video.js/dist/video-js.css';
   import 'video.js/dist/video-js.css';
+  import { Tooltip } from 'ant-design-vue';
   import { computed, CSSProperties, onMounted, onUnmounted, ref, unref } from 'vue';
   import { computed, CSSProperties, onMounted, onUnmounted, ref, unref } from 'vue';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { getJwtToken, getShareJwtToken } from '/@/utils/auth';
   import { getJwtToken, getShareJwtToken } from '/@/utils/auth';
   import { isShareMode } from '/@/views/sys/share/hook';
   import { isShareMode } from '/@/views/sys/share/hook';
   import 'videojs-flvjs-es6';
   import 'videojs-flvjs-es6';
+  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import {
   import {
     CaretUpOutlined,
     CaretUpOutlined,
     CaretRightOutlined,
     CaretRightOutlined,
@@ -153,7 +155,13 @@
     </video>
     </video>
 
 
     <div class="!w-2/10 bg-white flex items-center flex-col">
     <div class="!w-2/10 bg-white flex items-center flex-col">
-      <h1>云台控制</h1>
+      <Tooltip>
+        <template #title
+          >长按按钮调用API，由于视频流媒体提供的流，有一定时延，请耐心等待。</template
+        >
+        <label class="validate-dot">云台控制</label>
+        <QuestionCircleOutlined :style="{ fontSize: '14px', marginLeft: '5px' }" />
+      </Tooltip>
 
 
       <div class="home mt-5">
       <div class="home mt-5">
         <Button class="front-sty-center child center" shape="circle" @click="handleClick()">
         <Button class="front-sty-center child center" shape="circle" @click="handleClick()">