Tip 悬浮提示

INFO

为文本添加鼠标悬浮时显示的提示信息。

基本语法

<c-tip tip="提示文本">需要提示的文字</c-tip>

参数说明

参数

类型

默认值

说明

tip

string

无

悬浮时显示的提示文本

使用示例

示例 1：术语解释

<c-tip tip="Cascading Style Sheets，层叠样式表">CSS</c-tip> 是网页样式的基础。

效果：CSS（虚线下划线）悬浮显示 "Cascading Style Sheets，层叠样式表"

示例 2：缩写说明

本主题基于 <c-tip tip="Content Management System，内容管理系统">CMS</c-tip> 平台 Halo 开发。

示例 3：操作提示

点击 <c-tip tip="位于页面右上角">设置按钮</c-tip> 进入配置页面。

示例 4：多个提示

<c-tip tip="Hypertext Markup Language">HTML</c-tip>、
<c-tip tip="Cascading Style Sheets">CSS</c-tip> 和 
<c-tip tip="一种编程语言">JavaScript</c-tip> 是前端三剑客。

使用效果