（即将废弃）shop-follow-card 店铺关注卡片
收藏注意
安卓客户端从 27.7.0 开始支持本组件iOS 客户端从 27.7.0 开始支持本组件
店铺关注卡片提供了店铺关注的能力，可以使用该组件引导用户关注小程序所属店铺。卡片展示了店铺所对应抖音账户的头像、昵称，以及关注或取消关注按钮等元素。
效果示例：
前置条件
仅在行业 SDK 上才支持，需要在代码中配置行业 SDK 的权限：行业 SDK 的权限配置。当完成行业 SDK 的权限配置后，可通过 tt.canIUse('shop-follow-card') 判断该组件是否可用。
另外在使用组件时需要在页面
index.json 文件中进行引入。
{ "usingComponents": { "shop-follow-card": "ext://industry/shop-follow-card" } }
Tip：使用该组件时需要用户身份信息，请确保在调用接口前，用户已经登录宿主 APP。
属性说明
属性名 | 类型 | 默认值 | 必填 | 说明 |
shop-id | string | -- | 是 | 店铺 ID |
hidden | boolean | false | 否 | 卡片是否显示 |
style | string | -- | 否 | 卡片內联 CSS 样式，可配置卡片圆角等 |
class | string | -- | 否 | 卡片 CSS 样式类，可配置卡片圆角等 |
bind:followed | function | -- | 否 | 店铺关注成功回调 |
bind:unfollowed | function | -- | 否 | 店铺取消关注成功回调 |
bind:error | function | -- | 否 | 组件发生错误回调 |
代码示例
<shop-follow-card shop-id="12345678" bind:followed="handleFollowed" bind:unfollowed="handleUnfollowed" bind:error="handleError" ></shop-follow-card>
bind:followed 说明
- •当店铺关注成功时触发。
- •无参数。
- •使用场景例如当用户关注成功后给予一些优惠等。
bind:unfollowed 说明
- •当店铺取消关注成功时触发。
- •无参数。
bind:error 说明
- •当错误发生时触发。
- •错误原因可能为网络错误、业务错误等，具体错误内容见本文错误码说明。
代码示例：
function handleError(event) { const { errMsg, errNo } = event.detail; }
错误码说明
errNo | errMsg | 说明 |
160701 | Fail to get follow state | 获取当前用户对指定店铺的关注状态失败 |
160702 | App version to early | 当前抖音版本过早，用户需要升级至最新版本才可使用 |
160703 | Not support to follow | BC 关系校验失败 |
160704 | Fail to follow | 关注失败 |
160705 | Fail to unfollow | 取消关注失败 |
