pbootcms百度小程序添加评论模块

本文使用的小程序模板是之前文章中用到的,这里主要用于记录一下添加评论模块的流程。

1:app.json中添加动态库引用

复制代码
"window": {
        "backgroundTextStyle": "dark",
        "navigationBarBackgroundColor": "#139b97",
        "navigationBarTitleText": "剪力墙钢支撑厂家",
        "navigationBarTextStyle": "black",
        "backgroundColor": "#eeeeee",
        "onReachBottomDistance": 50,
        "enablePullDownRefresh": true
    },
//动态库引用
    "dynamicLib": {
        "myDynamicLib": {
            "provider": "swan-interaction"
        }
    },
复制代码

2:前端页面添加.swan(官方示例)

复制代码
  <!-- 评论相关开始-->
 
    <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:后台.json文件

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

4:.css样式

.list-after {
    height: 200rpx;
}

5.js文件

复制代码
Page({
  data: {
    siteurl: t.siteurl,
    subtitle:t.info.subtitle,
    title:'新闻信息',
    scode:t.info.id,
    description :'',
   // 关注评论开始
   commentParam: {
    snid: 1,
    path: 'pages/index/index',
    title: '文章标题',
    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();
  },

 

以上的代码来源于 百科书,这里做一个备份。

 

posted @   玄之又玄众妙之门  阅读(126)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库

哦哦查

研学服务

知芽网

醉学网

点击右上角即可分享
微信分享提示