sw-mini-componet

简介：钉钉服务窗小程序关注组件组件

快速上手

安装

npm i dingtalk-sw-mini-componet --save

使用

1.引入组件

安装组件库后，在页面json文件中引入组件，例如：

{
 "component": true,
 "usingComponents": {
 "subscribe": "dingtalk-sw-mini-componet/es/components/subscribe/index",
 }
}

2.使用组件

在页面 axml 中添加组件和支持属性

<subscribe type="light" info="info" clientId="" authToken=""></subscribe>

组件

标准关注组件 subscribe

示例

<subscribe type="light" info="info" clientId="" authToken="">
  主要操作
</subscribe>

属性

| 属性 | 类型 | 描述 | | --------- | --------------------------- | ----------------------------------------------------- | | type | 'light'｜'dark' | 组件样式主题 | | info | {name:string,avatar:string} | name:授权组件名称字段 avatar:授权组件左侧头像 url | | desc | string | 授权组件关注描述信息，默认值为：‘ ’ | | clientId | string | 申请的对应服务窗的唯一 id，用做后续进行服务窗关注操作 | | authToken | string | 服务窗校验 token |

功能

点击立即关注会唤起服务窗关注小程序，在小程序中进行关注操作

侧边浮动关注组件 subscribe-float

示例

<subscribe-float type="defalut" info="info" clientId="" authToken=""></subscribe-float>

属性

| 属性 | 类型 | 描述 | | --------- | --------------------------- | ----------------------------------------------------- | | type | 'defalut'｜'toast' | 组件样式 | | info | {name:string,avatar:string} | name:授权组件名称字段 avatar:授权组件左侧头像 url | | desc | string | 授权组件关注描述信息，默认值为：‘’ | | clientId | string | 申请的对应服务窗的唯一 id，用做后续进行服务窗关注操作 | | authToken | string | 服务窗校验 token |

功能

点击立即关注会唤起服务窗关注小程序，在小程序中进行关注操作