按钮组件(文档)

按钮组件- 我们常用按钮组件来和我们的访客做交互,比如点击跳转页面,点击弹出图片或视频,或者是点击按钮跳转到客服页面或给我们网站留言。它是站点与访客之间很重要的沟通桥梁

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板 【基础组件】中,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

2,内容选项卡

内容选项卡设置如下图,您可以看到有多个设置选项来控制图标组件的显示属性。

 

2.1,视频– 设置模块,如下图, 点击选项卡后进入设置界面。

(1)文本:设置按钮标题

(2)跳转链接: 点击按钮后跳转到您设定的页面/文章/案例/或自定义链接,可通过友上角的“设置”按钮,开启“从新的窗口打开链接”,点击刷新会清理链接缓存信息,会获取最新的页面或文章链接数据。

(3)对齐:设置按钮对齐方向

(4)按钮宽度: 你可以通过“px”像素或“%”百分比来设置按钮的宽度

(5)选择图标:选择按钮的图标

(6)设置按钮ID:此处预留给技术人员使用,普通用户可以忽略此选项

 

 

 

 

3,样式选项卡

3.1,按钮-样式设置模块 在此处完成按钮样式基本设置, 可以看到有两个选项卡 “标准”与”鼠标悬停” ,默认情况下我们只编辑“标准”状态下的按钮样式设置即可。

(1)字体设置:这里可以对按钮标题设置对应的字体大小,如果你在“内容选项卡”(3)字体大小,处也设置了字体大小,它将被“字体设置”的设置属性所覆盖,另外字体设置支持“响应式字体设置”,你可以设置站点在“IPAD”,‘手机’端上需要适配的标题字体大小,来给访客更好的视觉体验

(2)文本颜色:按钮文本颜色

(3)背景颜色:按钮背景色

(4)边框类型:开启按钮边框,可以设置边框颜色及粗细度

(5)边框圆角:默认按钮是方型的,可以通过此选项给按钮设置圆角

(6)周边阴影:开启按钮的阴影状态,还可以设置阴影的颜色,距离

(7)内边距这个属性很重要,它可以控制按钮文本与边框的之间的距离,你可以设置上下左右间距来创建出,更适合你页面大小的按钮。

 

 

 

设置按钮悬停“效果” , 可以设置鼠标悬停状态时候触发的的“文本颜色”,背景颜色“,”悬停动画“

具体鼠标悬停设置属性请参考下图或查看视频操作教程

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了