标签控件|学习笔记

简介: 快速学习标签控件

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

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


标签控件


内容介绍:

一、添加标签


一、添加标签

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

image.png

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

image.png

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

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

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

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

相关文章
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1434 0
Threejs实现标签,自定义样式显示标签
|
1月前
扩展uview表单组件标题文本支持两端对齐
扩展uview表单组件标题文本支持两端对齐
80 2
|
3月前
|
JavaScript UED
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
该文章介绍了如何基于Vue2.0仿照Element UI的el-tooltip组件实现一个自定义的气泡框组件,该组件能够根据内容是否为空智能显示或隐藏,支持多种数据类型的显示。
115 0
基于Vue2.0仿Element UI的el-tooltip实现一个气泡框组件,支持多数据类型的显示和内容为空时不显示气泡框
|
4月前
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
463 0
|
开发者 容器
标签控件| 学习笔记
快速学习标签控件。
|
开发者
文字控件| 学习笔记
快速学习文字控件。
文字控件| 学习笔记
|
开发者
文字控件|学习笔记
快速学习文字控件
文字控件|学习笔记
|
前端开发 开发者
导航条-样式自定义 |学习笔记
快速学习 导航条-样式自定义
145 0
|
前端开发 开发者 容器
导航条-选择器覆盖 |学习笔记
快速学习 导航条-选择器覆盖