按钮组件如何设置指定圆角弧度?

浏览数量: 10     作者: 本站编辑     发布时间: 2022-07-07      来源: 本站

按钮组件如何设置指定圆角弧度?



应用场景:老板Tom经营一家儿童玩具网站,他希望网站的样式元素能不拘一格,将按钮设计成类似糖果的奇异形状,让网站整体风格更加童趣化,提升网站的整体氛围。

发布功能:打开按钮组件设置弹窗,选择“风格”页签,可自定义编辑在初始样式和悬停样式下按钮的圆角弧度,支持分别设置四个圆角的弧度。


操作步骤:添加按钮组件,鼠标悬停按钮上,点击设置——风格,圆角弧度设置需要的数值;(设置好要点击右上角保存——发布哦)


图片28

按钮设置

按钮风格

圆弧设置


参考样式:

图片29


首页
版权所有杭州博牛科技有限公司