开发者学堂课程【云·企业官网产品教程 :标签控件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/638/detail/10212
标签控件
内容介绍:
一,如何在页面中添加标签
二,标签的设计
一,如何在页面中添加标签
点击左侧组件--容器,下滑找到标签控件,单击添加在空白区域。
二,标签的设计
标签控件本质是一个容器,可以添加内容,如:按钮,图片或列表。从而实现切换的效果。拖动控件可以移入容器,实现切换的效果。
点击上方设置,可切换标签的样式,可调整标签的高度,背景。
点击数据可以添加标签,输入标签名称,添加标签链接,链接有页面,文章,产品。添加好后点击确定,标签添加成功。
点击交互可以选择切换的方式,如鼠标悬停与鼠标点击。排列可以设置大小和位置。标签控件的内容需要小于标签控件本身,否则标签不能切换。此时需要调整标签控件及内容的大小,使内容融入标签控件,即可实现标签的切换。