先来划重点：

1.color：按钮背景颜色可自定义，背景色和文本颜色不能相似，相似使用默认值进行线上。 2.字体透明度：不能低于0.5，低于0.5按照1算 3.font-size:默认37.5px，最小37.5px,低于37.5按照37.5算。

一、加桌组件规范要求

加桌组件视觉规范

（1）按钮文案：文案需包含加桌或桌面，如添加桌面图标（默认居中显示）

（2）按钮大小可自定义，有最大/最小尺寸限制，不支持百分比

（3）按钮背景颜色可自定义，背景色和文本颜色不能相似

二、加桌组件使用说明

属性

名称	类型	默认值	必填	描述
value		添加到桌面	否	1.10.2.300及以上版本文案中包含加桌或者桌面即可，否则为默认值

【引擎版本判断方式】

样式

（如果没有按照规则使用组件，则会按组件默认规则显示，如文案中若不包含加桌或者桌面，按钮文案会默认显示成添加到桌面）

名称	默认值	必填	描述
color	rgba(0, 0, 0, 0.87)	否	文本颜色，文本色的颜色透明度不能低于0.5
font-size	默认37.5px，最小37.5px	否	文本尺寸
width	默认128px，最小128px	否	不支持百分比，默认128px
height	默认70px，最大180px	否	默认70px，最大180px（不支持百分比）
backgroundColor	灰色		背景色的颜色透明度不能低于0.5，背景色和文本颜色不能相似
	默认文本居中		文本

方法

事件

名称	参数	描述
click	MouseEvent 1050+，{eventStatusCode:eventStatusCodeValue,eventMessage:eventMessageValue}1100+	组件被点击时触发<br />eventStatusCode: 加桌操作返回码，0 成功，200 失败 eventMessage: 详细信息

示例代码

< shortcut-button

class="button color-1"

value="添加至桌面"

onclick="showClickPrompt('加桌组件被点击')"

></ shortcut-button>