标签控件|学习笔记

简介: 快速学习标签控件

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

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


标签控件


内容介绍:

一、添加标签


一、添加标签

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

image.png

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

image.png

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

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

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

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

相关文章
|
8月前
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
270 0
|
9月前
|
JavaScript 前端开发 Java
68jqGrid - 自定义层级图标
68jqGrid - 自定义层级图标
20 0
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1258 0
Threejs实现标签,自定义样式显示标签
|
13天前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
|
3天前
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
6 0
|
前端开发 程序员
【前端】使用样式选择器before和after布局,以及简单的表单输入框布局
本篇文章来讲解下样式选择器before和after的用法,以及doctype的作用 有时候真的需要温故而知新,用了那么多年的前端,对一些知识点灵活运用加点小技巧也是挺有趣的
142 0
|
开发者 容器
标签控件| 学习笔记
快速学习标签控件。
68 0
|
开发者
表单控件|学习笔记
快速学习表单控件
81 0
表单控件|学习笔记
|
前端开发 开发者
导航条-样式自定义 |学习笔记
快速学习 导航条-样式自定义
78 0

热门文章

最新文章