×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：comment-detail评论详情组件

comment-detail 评论详情组件

解释： 评论详情，评论的相关数据为托管数据。
Web 态说明：由于浏览器的限制，在 Web 态内暂不支持回复评论等功能。

成都创新互联公司于2013年开始，先为项城等服务建站，项城等地企业，进行企业商务咨询服务。为项城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

属性说明

属性名 类型 必填 默认值 说明
comment-param Object 是 评论核心参数
srid String 是 评论 ID
is-page-scroll Boolean 否 true 滚动方式为页面滚动，若组件作为浮层使用，该参数需设为 false
need-toolbar Boolean 否 true 是否需要底部 toolbar，若使用开发者自定义的底部 toolbar，该参数需设为 false
need-like-btn Boolean 否 true 是否需要详情顶部父级评论的点赞按钮，默认显示
back-list-after-delete Boolean 否 true 删除详情后是否返回列表项，默认一站式逻辑。若使用浮层，请设置改属性为 false
add-comment Boolean 否 false 用于调起评论发布器发布评论
binddelete EventHandle 否 删除整体详情内容时触发，返回数据为{status, data:{srid}}

comment-param 服务参数说明

属性名 类型 必填 默认值 说明 示例值
snid String 是 文章的唯一标识，与 path 参数一一对应 ‘20200101’
title String 是 文章标题
path String 是 智能小程序内页链接，最长不能超过 194 字符。如该文章需要入信息流投放，需保证该参数与信息流投放提交的 path 一致，否则将会影响流量 “path”:”/pages/index/index”

代码示例：详情组件放入页面

页面中引用动态库组件的方式是：在页面的 json 配置的 usingSwanComponents 字段中声明组件引用。

 
 
 
    
  
  
  
  1. {
    2.   
  
  
  2.  "navigationBarTitleText": "评论详情",
    3.   
  
  
  3.  "usingSwanComponents": {
    4.   
  
  
  4.  "comment-detail": "dynamicLib://myDynamicLib/comment-detail"
    5.   
  
  
  5.  }
    6.   
  
  
  6. }
    7.

在页面中放入详情组件，传入必要的参数。

 
 
 
    
  
  
  
    2.   
  
  
  2.  comment-param="{{commentParam}}"
    3.   
  
  
  3.  srid="{{srid}}"
    4.   
  
  
  4.  need-like-btn="{{true}}"
    5.   
  
  
  5.  binddelete="detailDelete">
    6.   
  
  
    7.  
 
 
 
 
 
    
  
  
  
  1. Page({
    2.   
  
  
  2.  data: {
    3.   
  
  
  3.  srid: '',
    4.   
  
  
  4.  commentParam: {}
    5.   
  
  
  5.  },
    6.   
  
  
  6.  onLoad(options) {
    7.   
  
  
  7.  if (options) {
    8.   
  
  
  8.  // 从列表页跳转的参数中拿到
    9.   
  
  
  9.  this.setData({
    10.   
  
  
  10.  srid: options.srid
    11.   
  
  
  11.  });
    12.   
  
  
  12.  }
    13.   
  
  
    14.   
  
  
  14.  const param = getApp().globalData.commentParam;
    15.   
  
  
    16.   
  
  
  16.  if (param && Object.keys(param).length) {
    17.   
  
  
  17.  this.setData({
    18.   
  
  
  18.  'commentParam': param
    19.   
  
  
  19.  });
    20.   
  
  
  20.  }
    21.   
  
  
  21.  else {
    22.   
  
  
  22.  this.setData({
    23.   
  
  
  23.  commentParam: {
    24.   
  
  
  24.  snid: '10070000311753961',
    25.   
  
  
  25.  path: '/pages/comment/index?snid=test_snid57',
    26.   
  
  
  26.  title: '测试文章标题'
    27.   
  
  
  27.  }
    28.   
  
  
  28.  });
    29.   
  
  
  29.  }
    30.   
  
  
  30.  }
    31.   
  
  
  31. });
    32.

Bug & Tip

  • Tip：openid 和百度 App 登录状态（合称登录状态）会影响用户的发布评论、举报、删除、消息提醒、跳转个人主页和页面收藏（合称互动行为），未登录用户仅可以浏览评论和点赞。
  • Tip：由于 swan.login API 的非兼容改造，一站式互动组件统一改为在组件内强登录。

文章标题：创新互联百度小程序教程：comment-detail评论详情组件
文章转载：http://cdbrznjsb.com/article/dhohhhp.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务