如何使用按钮组件?

浏览数量: 2     作者: 小七     发布时间: 2015-11-26      来源: 本站

按钮组件
 
【组件简介】 按钮组件实现在页面上表现为添加一个带有交互功能的按钮,容易吸引访客去点击这里引发进一步的交互,为按钮添加链接到需要产生进一步交互的页面很有必要。
 
【应用场景】 按钮组件一般添加在页面上需要吸引访客去点击进行下一步行为的地方,比如在一句具有号召力的口号后面添加一个按钮,链接到联系我们页面,可以吸引客户去填写联系我们表单。按钮组件可以灵活设置按钮上的文字、图标、按钮的链接以及按钮的大小、颜色、样式、交互效果等。

【 使用方法】

1、如何添加按钮组件?

第一步:找到添加组件入口。把鼠标放到要添加按钮组件的区域,出现小水滴(即添加组件按钮),单击小水滴,弹出“添加组件”弹出框;
 
找到添加组件入口
 
第二步:添加“按钮”组件。在基础组件中,找到“按钮”组件,单击“按钮”组件,即可添加按钮组件;

添加按钮组件

第三步:把按钮移到要放置的位置。把鼠标放到按钮组件区域,左上角出现“按钮”两字,把鼠标放到按钮两个字上出现小手的形状,然后按住鼠标左键拖动到要放置的位置,然后松开鼠标就可以。;


2、如何设置按钮组件?

通过设置按钮可以设置组件显示的内容和风格。

把鼠标放到按钮组件区域,左上角出现“按钮”两字,把鼠标放到按钮两个字上,右侧出现一排操作按钮,单击第一个“设置”按钮;

单击设置按钮
内容

按钮文字:可以编辑按钮上显示的文字;
按钮图标:可以选择在按钮上显示的图标;
按钮链接:可以选择单击此按钮跳转的页面链接,链接类型有:站内页面、外部链接、电子邮件、页面锚点、产品分类、文章分类、文件,若是要跳转到网站内的某个页面,直接选择站内页面,然后在下面选择某个页面就可以;
调整按钮高度和宽度:可以调整按钮的高度和宽度;
按钮位置:可以调整按钮处于组件中的位置。

设置按钮

风格

按钮样式:可以选择按钮样式,若选择了按钮图标,这里要选择有图标的按钮样式,不然图标也显示不出来;
初始样式:可以设置按钮的背景颜色、文字颜色、边框颜色、边框线条、边框粗细;
鼠标悬浮样式:可以设置把鼠标悬浮到按钮时的背景颜色、文字颜色、边框颜色、边框线条、边框粗细;
圆角弧度:可以设置按钮的边角弧度。

设置-风格

 
设置好按钮组件的内容和风格后,可以根据需要使用此组件的以下功能(以下功能为组件的通用功能,演示案例可能与您目前这个组件不一样,但功能都是通用的):

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图