甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

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

  • comment-detail 评论详情组件
    • 属性说明
      • comment-param 服务参数说明
      • 代码示例：详情组件放入页面
    • Bug & Tip

    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 字段中声明组件引用。

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

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

    • SWAN
    • JS
     
 
 
      
  
  
  
      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评论详情组件
    分享网址：https://chengdu.cdxwcx.cn/article/dhohhhp.html

    其他资讯