百度智能小程序 評論詳情

comment-detail 評論詳情組件

解釋： 評論詳情，評論的相關(guān)數(shù)據(jù)為托管數(shù)據(jù)。Web 態(tài)說明：由于瀏覽器的限制，在 Web 態(tài)內(nèi)暫不支持回復(fù)評論等功能。

屬性說明

comment-param 服務(wù)參數(shù)說明

代碼示例 ：詳情組件放入頁面

頁面中引用動態(tài)庫組件的方式是：在頁面的 json 配置的 usingSwanComponents 字段中聲明組件引用。

{
    "navigationBarTitleText": "評論詳情",
    "usingSwanComponents": {
        "comment-detail": "dynamicLib://myDynamicLib/comment-detail"
    }
}

在頁面中放入詳情組件，傳入必要的參數(shù)。

<comment-detail
    comment-param="{{commentParam}}"
    srid="{{srid}}"
    need-like-btn="{{true}}"
    binddelete="detailDelete"
    bindunlogin="triggerLogin"
></comment-detail>

Page({
    data: {
        srid: '',
        commentParam: {}
    },
    onLoad(options) {
        if (options) {
            // 從列表頁跳轉(zhuǎn)的參數(shù)中拿到
            this.setData({
                srid: options.srid
            });
        }

        const param = getApp().globalData.commentParam;

        if (param && Object.keys(param).length) {
            this.setData({
                'commentParam': param
            });
        }
        else {
            this.setData({
                commentParam: {
                    snid: '10070000311753961',
                    path: '/pages/comment/index?snid=test_snid57',
                    title: '測試文章標題'
                }
            });
        }
    },
    triggerLogin(e) {
        swan.login({
            success: res => {
                swan.request({
                    url: 'https://spapi.baidu.com/oauth/jscode2sessionkey',
                    method: 'POST',
                    header: {
                        'content-type': 'application/x-www-form-urlencoded'
                    },
                    data: {
                        code: res.code,
                        'client_id': '', // AppKey
                        sk: '' // AppSecret
                    },
                    success: res => {
                        if (res.statusCode === 200) {
                            const commentParam = this.data.commentParam;
                            this.setData({
                                commentParam: {
                                    ...commentParam,
                                    openid: res.data.openid
                                }
                            }, () => {
                                // 我們建議將參數(shù)設(shè)為全局變量，方便取用
                                getApp().globalData.commentParam = this.data.commentParam;
                            });
                        }
                    }
                });
            }
        });
    }
});

Bug&Tip

• Tip：openid 和百度 APP 登錄狀態(tài)（合稱登錄狀態(tài)）會影響用戶的發(fā)布評論、舉報、刪除、消息提醒、跳轉(zhuǎn)個人主頁和頁面收藏（合稱互動行為），未登錄用戶僅可以瀏覽評論和點贊。
• Tip：bindunlogin 是很重要的處理環(huán)節(jié)，用于非登錄狀態(tài)下攔截用戶進行互動行為，引導(dǎo)用戶并將 openid 傳遞給組件，建議參照示例認真設(shè)計。