半屏内容发布器带服务版

基础库 3.100.4 版本及以上调起原生半屏内容发布器，以下版本调起扩展组件半屏内容发布器带服务版。 解释： 支持开发者自定义配置选择原生框架发布器中的模块，此组件带服务版带后端服务，开发者接入各自平台的后端服务，同时自动接入百度互动消息推送。

属性说明

原生半屏内容发布器文档

relasecomment/browsemode/error返回草稿内容说明

module-list 列表

module-list: ['image'] 则只展示图片模块。

emoji-path 参数说明

开发者在配置 emoji 模块后，可以选择是否使用自定义表情表。若使用自定义表情功能，则将自定义表情的资源文件夹路径传入 emojiPath 字段。若不传 emojiPath 字段则使用默认表情包。 emoji.json 和所有表情图片资源。外层文件夹名字可以由开发者自由定义，路径配置在 emojiPath 中即可，emoji.json 为固定文件名，请开发者按格式创建。表情没有数量和大小限制，但是表情资源会占用包体大小。 emoji.json 格式：

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

安装组件：

  1. npm install @smt-ui/content-component

在 页面json 文件中：

  1. {    "usingComponents": {        "c-comment-publisher": "@smt-ui/content-component/src/comment-publisher"    }}
  1. <view class="btn-comment" bind:tap="clickComment">点击评论</view><c-comment-publisher    show-publish="{= showPublish =}"    comment-param="{{commentParam}}"    is-upLoad-image="true"    request-url="https:xxx.xxx.com"    bind:browsemode="browseModeEventHandler"    bind:relasecomment="relaseCommentEventHandler"    bind:error="error"    bind:previewimage="previewImageHandler"></c-comment-publisher>
  1. // 测试用例const getSrid = () => {    let openid = '';    for (let i = 0; i < 12; i++) {        openid += Math.floor(Math.random() * 10);    }    return openid + 'dd';};Page({    relaseCommentEventHandler() {        let param = {            snid: '999999999999',            path: '332222',            appkey: 'mkItFCpOGQDyGqitHh0VKrxP2jBGU20V',            srid: getSrid(),            title: '评论的文章的标题',            openid: '36GetTsw0nWRMVaYnlswLQ9t7y',            content: 'cascsahclsahcslchdls'        };        this.setData('showPublish', false);        this.setData('commentParam', param);    },    clickComment() {        this.setData('showPublish', true);    },    error() {        // 这里处理未登录        swan.login({            success: res => {                console.log('login success', res);            },            fail: err => {                console.log('login fail', err);            }        });    }});

Bug&Tip

  • -
  • - -