如何编辑按钮组件

小站发表于:2018年09月29日 14:13:52更新于:2019年01月09日 10:14:27

首先左工具栏—基本——按钮中选择你所需要的按钮样式,放入到页面中的合适位置。再选中按钮—设置,即可对按钮的文本,字号,高度,宽度,边框,圆角,模式,模式选择(常规状态即正常情况的按钮展示状态。触摸状态即鼠标触碰到按钮时的变化状态)等进行设计。

image.png

按钮的动效设置:选中按钮—动效,选择按钮进入页面的动态效果,然后根据需要设置持续时间和延迟时间,之后按钮就会在页面中以设置的动态效果进行展示了。

image.png

按钮的链接设置:选中按钮,之后选择链接的图标,就可以对按钮进行链接的设置了。可以设置选择是站内链接(需要设置该组件链接到网站的哪一个页面,或者是具体到该页面的哪一个板块)、站外链接(直接把链接复制粘贴站外链接里即可)、文章链接(链接跳转到网站的文章部分)、商品链接(链接跳转到网站的商品部分)、电话号码的链接。

image.png

更换按钮样式:如果不想要这样的按钮样式呢?那你就可以在更换设置里面自行更换了。首先选中你要更换的按钮—更换,然后选择你要更换的按钮样式就好了。

image.png

按钮固定模式设置:按钮组件设置为悬浮后,会固定在浏览器指定位置,不跟随页面滚动。

image.png

至此按钮的编辑就介绍完了,了解的更多,对页面的编辑越有帮助哟。按钮的功能和设置也是比较全面的,熟练掌握按钮的设置也会有意想不到的效果。