follow-service

更新时间：2024-12-09 11:57:47

基础库1.42.0开始支持,低版本需做兼容处理

开发者工具1.22.0开始支持 (MOCK),真实场景请使用真机调试

一键关注服务号组件,完整能力接入指引 (opens new window)

属性

属性	类型	默认值	必填	说明
followed-id	string		是	指定 id，若不提供或校验不通过（一切拉取服务号信息的失败情况），则不显示该组件
desc	string	'关注我，及时获取更多动态信息'	否	描述文案
theme	'normal' | 'thin'	'normal'	否	卡片排版主题
background-color	'white' | 'gray'	'white'	否	组件背景色主题
show-close-button	boolean	true	否	是否显示右侧关闭按钮
binderror	(e: { detail: { errMsg: string } } & Event) => void		否	拉取服务号信息失败时的回调（此时不显示组件）
bindfollow	(e: { detail: { errMsg: string } } & Event) => void		否	点击添加关注回调
bindopenprofile	(e: { detail: { errMsg: string } } & Event) => void		否	跳转服务号主页回调

使用示例

<follow-service
    followed-id="xxxxxx"
    desc="关注我，了解特效师的工作日常"
></follow-service>

Bug & Tip

1. followed-id 必填，否则将无法获取账号信息，导致无法渲染组件
2. 组件最小宽度为 184px，高度固定：theme="normal"时为 68px，theme="thin"时为 52px
3. theme="thin" 时，将不显示关闭按钮