标签控件| 学习笔记

简介: 快速学习标签控件。

开发者学堂课程【云·企业官网产品教程 标签控件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/638/detail/10212


标签控件

 

内容介绍:

一,如何在页面中添加标签

二,标签的设计

 

一,如何在页面中添加标签

点击左侧组件--容器,下滑找到标签控件,单击添加在空白区域。

二,标签的设计

标签控件本质是一个容器,可以添加内容,如:按钮,图片或列表。从而实现切换的效果。拖动控件可以移入容器,实现切换的效果。

点击上方设置,可切换标签的样式,可调整标签的高度,背景。

点击数据可以添加标签,输入标签名称,添加标签链接,链接有页面,文章,产品。添加好后点击确定,标签添加成功。

点击交互可以选择切换的方式,如鼠标悬停与鼠标点击。排列可以设置大小和位置。标签控件的内容需要小于标签控件本身,否则标签不能切换。此时需要调整标签控件及内容的大小,使内容融入标签控件,即可实现标签的切换。

相关文章
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1497 0
Threejs实现标签,自定义样式显示标签
|
8月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
100 0
|
图计算 开发者
打标签_生成标签| 学习笔记
快速学习打标签_生成标签
打标签_生成标签| 学习笔记
|
开发者 容器
标签控件|学习笔记
快速学习标签控件
标签控件|学习笔记
|
数据采集 前端开发 开发者
标签的语义化及标题标签|学习笔记
快速学习标签的语义化及标题标签
114 0
标签的语义化及标题标签|学习笔记
|
开发者
分类控件|学习笔记
快速学习分类控件
分类控件|学习笔记
|
开发者
视频控件|学习笔记
快速学习视频控件
视频控件|学习笔记
|
开发者
分类控件| 学习笔记
快速学习分类控件。