创新互联百度小程序教程：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评论详情组件
    网站地址：http://www.hantingmc.com/qtweb/news30/285230.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    关键词优化知识

    同城分类信息

    广安网站建设　　 　高端网站设计　　 　成都响应式网站建设公司　　 　成都网站制作　　 　成都广告公司　　 　重庆机房托管　　 　免备案虚拟主机　　 　乐山托管服务器　　 　温江网站制作　　 　成都封阳台　　 　特丽尔硅藻泥　　 　成都网站建设　　 　成都app制作　　 　网站建设费用　　 　成都展柜厂　　 　网站优化排名　　 　云服务器　　 　盐亭做网站　　 　成都婚庆策划　　 　教育网站设计方案