pbootcms在小程序中添加评论模块

[繁华pk落幕]

备注:这里使用的是百度小程序,这里主要用于记录一下添加评论模块的流程。

"window": {
        "backgroundTextStyle": "dark",
        "navigationBarBackgroundColor": "#139b97",
        "navigationBarTitleText": "临沂网站建设",
        "navigationBarTextStyle": "black",
        "backgroundColor": "#eeeeee",
        "onReachBottomDistance": 50,
        "enablePullDownRefresh": true
    },
//动态库引用
    "dynamicLib": {
        "myDynamicLib": {
            "provider": "swan-interaction"
        }
    },

2：前端页面添加.swan(这里使用的是官方示例的展示全部评论的demo)因为一般都是在详情页添加评论,所以这里基本上就是详情页的

 <!-- 评论相关开始-->
 
    <view class="text_b">
 
        <text>全部回复</text>
        <!-- <text class="item-meta">{{item.sortname}}</text> -->
    </view>
    <comment-list class="list" comment-param="{{commentParam}}"
        detail-path="{{detailPath}}" is-folded="{{true}}" fold-num="{{foldNum}}" view-more-path="{{viewMorePath}}" toolbar-config="{{toolbarConfig}}" bindclickcomment="clickComment" bindviewmore="viewMore">
    </comment-list>
    <view class="list-after"></view>
    <!-- 评论相关结束-->

 

3：对应swan相关的.json文件

{
    "navigationBarTitleText": "评论列表",
    "usingSwanComponents": {
        "comment-list": "dynamicLib://myDynamicLib/comment-list"
    }
}

 

4.对应swan相关的css样式

.list-after {
    height: 200rpx;
}

5.对应swan相关的js文件

Page({
  data: {
    siteurl: t.siteurl,
    subtitle:t.info.subtitle,
    title:'IT分享',
    scode:t.info.id,
    description :'',
   // 关注评论开始
   commentParam: {
    snid: 1,
    path: 'pages/index/index',
    title: 'pbootcms在小程序中添加评论模块',
    content: '百度小程序',
    images: []
    },
    detailPath: '',
    foldNum: 5,
    toolbarConfig: {
        moduleList: ['comment', 'like', 'favor', 'share']
    }
//结束
  },

onlod中this.setData,这里进行页面加载的时候把已有评论加载进页面

this.setData({
                detaildata: res.data.data,
                imgUrls:imgUrls,
                sitedata:sitedata,
                'toolbarConfig.placeholder': '吐槽一下',
                'toolbarConfig.share.title': res.data.data.title.substring(0, 15),//这里是分享按钮使用，没有的话点击分享不起作用
                'toolbarConfig.share.path': '/pages/news-detail/news-detail?id=' + res.data.data.id,
                commentParam: {
                    snid: res.data.data.id,
                    path: '/pages/news-detail/news-detail?id=' + res.data.data.id,
                    title: res.data.data.title,
                    content: res.data.data.description.replace(/<[^>]+>/g, "").substring(0, 15),
                    images: [res.data.data.ico]
                }
              })

onReady中添加

onReady: function () {
    requireDynamicLib('myDynamicLib').listenEvent();
  },

本文转载自网站建站，点击可查看原文。

[CSDN-Ada助手]

您可以前往 CSDN问答-前端 发布问题, 以便更快地解决您的疑问