小程序开放平台

文档中心
表单组件
基础内容
媒体组件
地图
视图容器
导航组件
开放能力
web-view
post-note-button
group-chat-card
video-player
画布

post-note-button

开发
>
组件
>
开放能力
>
post-note-button
>
更新时间:2025-04-22 20:21:20

post-note-button

发小红书组件,该功能需要开启基础库 2.0 架构编译(版本要求:IDE >= 2.3.1,基础库 >= 3.105.1,客户端 >= 8.53)

属性
类型
默认值
必填
说明
最低基础库版本
typestringdefault按钮的样式类型3.105.1
sizestringdefault按钮的大小,如果 type 为 floating 时,size 不生效3.105.1
titlestring跳转发布笔记的笔记标题,最大长度 20 个字符,超出会触发 error3.105.1
contentstring跳转发布笔记的笔记内容,最大长度 1000 个字符,超出会触发 error3.105.1
media-infostring跳转发布笔记的媒体信息,需要传 JSON,具体规则见下方3.105.1
tagsstring笔记发布的话题,通过英文逗号分割每个话题3.105.1
poi-idstring话题 poi-id, 通过商品poi接口获取3.120.x
miniapp-session-infoobject用户自定义字段,用于在服务端笔记发布回调事件触发时,获取发布的信息3.120.x
binderroreventhandle按钮参数校验错误触发,通过 event.detail.errMsg 获取3.105.1

type 的合法值

说明
floating悬浮按钮,样式固定
default面性按钮,默认值
plain线性按钮

size 的合法值

说明
medium默认大小
large大尺寸

Bug & Tips

  1. size
    属性只有在
    type
    default
    plain
    时生效。
  2. 标题、内容、媒体信息、话题等参数校验错误时,会触发
    binderror
    事件,通过
    event.detail.errMsg
    获取错误信息。
  3. media-info
    需要传 JSON 字符串,具体规则如下:图片 或 视频 的 url 只能二选一,视频只能一个;图片可以多张(1-18),校验错误时会触发
    binderror
    事件。
  4. url 仅支持
    https://
    开头的网络连接,请勿传递任何其他形式的数据,网络连接返回头需要content-disposition: inline; 格式。
  5. tags
    为话题,使用英文逗号分割。

media-info 的 ts 定义如下,其中

image_resources
video_resources
只能二选一,如果多传会触发校验失败,编写完成后使用 JSON.stringify 转换为字符串

typescript
export interface MediaInfo {
  image_resources?: {
    url: string
  }[]
  video_resources?: {
    video_url: string
    cover_url?: string
  }
}

示意图

代码示例