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

["wechat","weibo","qzone","douban","email"]

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

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


操作步骤：添加按钮组件，鼠标悬停按钮上，点击设置——风格，圆角弧度设置需要的数值；（设置好要点击右上角保存——发布哦）


按钮组件添加

按钮设置

按钮风格

圆弧设置


参考样式：

按钮圆角弧度

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

相关文章