快应用加桌组件

本文转载至vivo开放平台

outside_default.png

Part1. 加桌组件基本介绍

1

快应用加桌组件的接入,有助于提高快应用加桌效率,以及优化加桌功能的用户体验。通过加桌组件方式,用户点击按钮后即可创建快应用桌面图标(无需进行二次弹窗确认)。

• • •

组件交互

点击后,创建成功toast提示:已在桌面创建“***”(***为快应用名称)

7df6881012ff1d482dff75565bc4fec5.png

• • •

推荐场景设计

eb41d595eb050042762a44f0a9cf4738.jpeg

outside_default.png

Part2加桌组件规范要求

2

• • •

加桌组件视觉规范

(1)按钮文案:文案需包含加桌或桌面,如添加桌面图标(默认居中显示)

(2)按钮大小可自定义,有最大/最小尺寸限制,不支持百分比

(3)按钮背景颜色可自定义,背景色和文本颜色不能相似

• • •

加桌组件使用规范

(1)加桌引导不可遮挡页面内容

(2)加桌按钮样式、颜色与快应用整体风格一致

(3)不可干预用户正常使用快应用,如必须先加桌后才可以继续浏览页面等

(4)成功添加桌面图标后,加桌按钮需消失,避免可重复点击情况

(5)文案中包含加桌领红包、加桌领福利等内容,不可存在欺骗用户加桌行为,加桌后福利需有路径可查看

outside_default.png

Part3加桌组件规范要求

3

vivo-shortcutbtn

概述

加桌按钮组件(此能力需要10910400及以上的vivo快应用引擎)

子组件

不支持

属性

支持通用属性

b76ba11a255dc540206e703f5a097d68.png

【引擎版本判断方式】

参考链接

https://doc.quickapp.cn/features/system/device.html?h=Host

样式

支持通用样式

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

18f0e52aca96b179933e7af8c1b9c916.png

方法

支持通用方法

事件

支持通用事件

bdeec244f58a6f15bcc1fea3bb117952.png

示例代码

85bf13c463fcbe8d555c802d19e0f149.png

本文转载至vivo开发者平台,原文链接如下

https://dev.vivo.com.cn/documentCenter/doc/555

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值