如何对Google Workspace Marketplace插件进行样式自定义?
Google Workspace Marketplace 插件的卡片及原生组件默认不支持自由调整Header、Footer、按钮、内边距、外边距、字体等样式,这是官方为了保障全平台插件体验一致性做的设计限制,没有开放对应的自定义样式接口。
可参考的实现方案如下:
- 优先使用官方Card Service提供的预设样式选项:原生组件提供了部分可配置属性,例如按钮支持
filled、outlined、text三种预设样式,Header支持配置主副标题、展示图标、对齐规则,部分组件支持选择官方提供的固定颜色枚举值,你可以在Card Service的开发文档中查询所有可配置属性。 - 静态内容自定义:如果预设样式无法满足需求,可以将需要自定义的标题、提示框等内容提前设计为图片,通过
Image组件插入卡片对应位置,可完全匹配你的设计需求,但这类静态图片组件无法实现悬停、点击动效等交互反馈。 - 弹窗自定义:如果需要高度自定义的交互UI,可以触发附加组件的独立弹窗功能,弹窗使用你自己编写的HTML页面渲染,可完全自定义所有CSS样式,不受原生卡片的样式规则限制。
样式参考示例
标题示例

按钮示例

内容的提问来源于stack exchange,提问作者Haseeb Zahid
相关产品推荐
相关产品推荐

