标签控件|学习笔记

简介: 快速学习标签控件

开发者学堂课程云·速成美标签控件笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/566/detail/7758


标签控件


内容介绍:

一、添加标签


一、添加标签

如果需要在页面添加一个标签的话,可以点击左侧的组件,找到容器向下滑找到标签控件。

image.png

单击可添加到空白区域,标签控件的本质是一个容器。在里面可以添加内容。比如说按钮、图片或者列表。从而实现切换的效果。托动控件可以移入容器,这样就可以实现切换的效果了。

image.png

点击上方的设置,在这里可以切换标签的样式,调整标签的高度还有背景。

点击数据可以添加标签,在这里可以输入标签的名称,标签也可以添加链接。选择好后点击确定,新的标签就添加成功了。

也可以点击交互,选择切换的方式,鼠标悬停或者是点击。可以设置大小和位置。

需要注意的是标签控件的大小需要小于标签的范围。

相关文章
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
393 0
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1436 0
Threejs实现标签,自定义样式显示标签
|
5月前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
|
4月前
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
466 0
|
5月前
|
移动开发 前端开发 数据安全/隐私保护
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
42 0
|
开发者 容器
标签控件| 学习笔记
快速学习标签控件。
|
前端开发 开发者
导航条-样式自定义 |学习笔记
快速学习 导航条-样式自定义
146 0
html+css实战82-显示模式-标签嵌套
html+css实战82-显示模式-标签嵌套
84 0
html+css实战82-显示模式-标签嵌套
按钮与标签组件
按钮与标签组件
110 0