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(); },
以上的代码来源于 百科书,这里做一个备份。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库