更新记录
1.0.0(2019-11-18) 下载此版本
init
平台兼容性
评论页面模板
这个插件严格意义上讲不是一个纯组件,需要自己处理数据和在业务层写一些代码样式,它的核心只是递归组件的使用。
如何引入
点击页面右上方下载插件或使用HBuilderX导入插件使用
怎么用
在项目中 pages/index/comment.js
是需要使用的数据结构,在不改动插件的前提下,需要严格按照数据结构传入数据
[{
"author": {
"id": 4001056,
"name": "开发者8",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"content": "优秀",
"id": 296139644,
"pubDate": "2019-08-12 12:49:35",
"refer": [{
"author": "开发者6",
"commentAuthor": {
"id": 561214,
"name": "开发者6",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"content": "确实方便,一套代码多端运行。",
"pubDate": "2019-08-12 11:17:53",
}, {
"author": "开发者2",
"commentAuthor": {
"id": 4001233,
"name": "开发者2",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"commentId": 296139565,
"content": "一直都在用uni-app开发移动端,真的很方便。",
"pubDate": "2019-08-12 09:26:21",
}]
}, {
"author": {
"id": 735218,
"name": "开发者7",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"content": "很好很不错,虽然我不喜欢vue",
"id": 296139633,
"pubDate": "2019-08-12 11:53:06",
"refer": []
}, {
"author": {
"id": 3239976,
"name": "开发者6",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"content": "确实方便,一套代码多端运行。",
"id": 296139629,
"pubDate": "2019-08-12 11:44:11",
"refer": [{
"author": "开发者2",
"commentAuthor": {
"id": 4001233,
"name": "开发者2",
"portrait": "https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
},
"content": "一直都在用uni-app开发移动端,真的很方便。",
"pubDate": "2019-08-12 09:26:21"
}]
}]
Tips
refer
字段是引用的评论,效果的最里层到最外层(从上到下排列)对应到数据就是从下到上(数组的最后一个对应到视图是第一个)
ps: 如果实在理解不了我上面这句话,那就运行一下示例和数据对照对比一下(捂脸表情)
然后,因为不同设备或者不同平台的差异,而且大多数人可能用的 hx 版本都不一致,势必会有bug出现,我希望你在提问题或者报bug之前,先看看代码,理解一下代码的意思,然后看看自己能不能改,不要做一个拿来主义的人。如果你真的解决不了bug,欢迎来提问 。
最后,希望可以给你启发,写出一个完美高性能的组件