如何使用Tab组件？

发布日期：2016-06-28
浏览次数：3429
  
  搜索  
这篇教程将介绍如何使用活动组件中的Tab效果。
 
 
1. 添加组件：点击页面中的“+”，添加活动组件->Tab效果。
 
2. 添加内容：点击Tab组件中的“+”或者工具条上的“+”添加内容。
 
3. 通过工具条上的“+”可以新增内页。
 
4. 点击齿轮按钮可以打开Tab设置。
 
5. 在设置中，可以新增内容、编辑内页名称等。点击【快捷格式】按钮可以选用系统预先设定好的样式。
 
 
 
 
6. 点击【编辑内部区域】，可以对内页进行区块和专栏设置，退出设置点击【退出内部编辑】。
 
 
 
其它参数介绍：
 
【按钮栏设置】：设置按钮栏的宽度、颜色、边框、位置等。
【按钮设置】：设置按钮的宽度、背景、字体、颜色等。
【内容区域边框】：设置是否显示内容区域边框，以及边框颜色等
 
 
 
 
 
下面展示几种用tab组件做出的效果：
 
效果1：
 
用户使用说明
此Tab效果仅适用于包含背景颜色或背景图片的设计，由于当前内容区边框及悬浮按钮边框、背景皆设置为不显示或透明状态，所以在去掉背景颜色或图片时您将无法识别Tab组件与背景的界限。
  • 在起飞页自助建站平台，您不需要任何编程基础，就能做出功能强大，效果出众的专业级网站；
  • 真正的响应式建站，无论是在电脑的大屏幕，还是手机小屏幕上，网站都能友好地展示；
  • 您的访客还可以注册成为会员，并进行在线购物；
  • 如果您需要多语言版本,起飞页也可以轻松为您实现；
  • 无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；
  • 页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。
点击修改标题
当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞页可以满足您的所有需求。我们是响应式网站的倡导者，所有前端页面代码均采用HMLT5和CSS3实现。起飞页提供了海量精美网站模板和成品网站。
  • 在起飞页自助建站平台，您不需要任何编程基础，就能做出功能强大，效果出众的专业级网站；
  • 真正的响应式建站，无论是在电脑的大屏幕，还是手机小屏幕上，网站都能友好地展示；
  • 您的访客还可以注册成为会员，并进行在线购物；
  • 如果您需要多语言版本,起飞页也可以轻松为您实现；
  • 无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；
  • 页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。
效果2：
  • 在起飞页自助建站平台，您不需要任何编程基础，就能做出功能强大，效果出众的专业级网站；
  • 真正的响应式建站，无论是在电脑的大屏幕，还是手机小屏幕上，网站都能友好地展示；
  • 您的访客还可以注册成为会员，并进行在线购物；
  • 如果您需要多语言版本,起飞页也可以轻松为您实现；
  • 无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；
  • 页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。
e240e53b7aac0130170371bc9515d078.png
点击修改标题
当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞页可以满足您的所有需求。我们是响应式网站的倡导者，所有前端页面代码均采用HMLT5和CSS3实现。
  • 在起飞页自助建站平台，您不需要任何编程基础，就能做出功能强大，效果出众的专业级网站；
  • 真正的响应式建站，无论是在电脑的大屏幕，还是手机小屏幕上，网站都能友好地展示；
  • 您的访客还可以注册成为会员，并进行在线购物；
  • 如果您需要多语言版本,起飞页也可以轻松为您实现；
  • 无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；
  • 页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。
效果3：
用户使用说明
此Tab组件最外层边框来自于区块专栏的边框设置，当前内容区边框设置为不显示状态.
  • 在起飞页自助建站平台，您不需要任何编程基础，就能做出功能强大，效果出众的专业级网站；
  • 真正的响应式建站，无论是在电脑的大屏幕，还是手机小屏幕上，网站都能友好地展示；
  • 您的访客还可以注册成为会员，并进行在线购物；
  • 如果您需要多语言版本,起飞页也可以轻松为您实现；
  • 无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；
  • 页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。
当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞页可以满足您的所有需求。我们是响应式网站的倡导者.
当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户， 还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞页可以满足您的所有需求。我们是响应式网站的倡导者，所有前端页面代码均采用HMLT5和CSS3实现。起飞页提供了海量精美网站模板和成品网站，几乎覆盖了当今各个行业，您只需在模板上进行少量修改，即可完成自己的网站，这一切都是免费的。
PRE如何使用轮播组件？
NEXT如何使用抽屉组件？
NEXT如何使用抽屉组件？

登录后即可发表评论，立即登录.

  热门教程