详情页

zblog百度小程序缺少【评点赞/收藏/分享】功能怎么优化

时间:2023年09月25日

编辑:佚名

缺少【评点赞/收藏/分享】功能,建议接入百度一站式互动组件。 优化该问题有助于等级提升至A;如已是A级,未优化会降级。
优化访问如下:
1、在app.json文件添加组件。
点击复制代码 PHP
"dynamicLib": {
        "myDynamicLib": {
            "provider": "swan-interaction"
        }
},
2、在文章页面的json文件添加组件引用。
点击复制代码 PHP
"usingSwanComponents": {
        "comment-list": "dynamicLib://myDynamicLib/comment-list"
 }
3、在文章页面的js文件添加初始化data。
点击复制代码 PHP
disabled: true,
commentParam: {
    snid: '0',
    path: 'pages/home/index',
    title: '豫唐百度小程序',
    content: '豫唐百度小程序',
    images: []
},
etailPath: '',
toolbarConfig: {
    moduleList: ['comment', 'like', 'favor', 'share']
}
4、在文章页面的js文件,保存api文章数据的地方this.setData里面添加互动动态数据。
点击复制代码 PHP
this.setData({
    'commentParam.snid': this.data.id,
    'commentParam.path': '/pages/article/index?id=' + this.data.id,
    'commentParam.title': post.Title.substring(0,15),
    'commentParam.content': post.Intro.replace(/<[^>]+>/g, "").substring(0,15),
    'commentParam.images': post.Thumb,
    'toolbarConfig.placeholder': '吐槽一下',
    'toolbarConfig.share.title': post.Title.substring(0,15),
    'toolbarConfig.share.path': '/pages/article/index?id=' + this.data.id,
    'detailPath': '/pages/article/index?id=' + this.data.id,
});
5、在文章页面的swan文件,底部添加组件前端代码。
点击复制代码 PHP
<comment-list class="list" vue-id="a35a1374-6" comment-param="{{commentParam}}" 
detail-path="{{detailPath}}" toolbar-config="{{toolbarConfig}}" bindclickcomment="clickComment">
</comment-list>
6、完工,这个时候就可以点击预览查看效果了。
没问题后点击发布小程序,审核成功后就可以在百度小程序->管理->违规与投诉->优化任务->点击申请复核了。
相关文章
猜你需要