一、什么是文章詳情組件？

文章詳情組件是一個(gè)根據(jù)規(guī)則自動(dòng)調(diào)取不同文章詳情內(nèi)容的模塊。文章詳情組件通常被添加在系統(tǒng)頁面或自定義頁面的文章詳情頁面，該組件會(huì)自動(dòng)根據(jù)傳入的文章id調(diào)用該文章下的文章詳細(xì)數(shù)據(jù)，比如文章名稱、文章附圖、文章摘要、文章內(nèi)容等，同后臺(tái)內(nèi)容管理中的文章系統(tǒng)的文章數(shù)據(jù)自動(dòng)匹配對(duì)應(yīng)。文章詳情頁面是所有文章頁面的通用模板，頁面上的組件配置和頁面結(jié)構(gòu)是一樣的，但是文章組件的數(shù)據(jù)會(huì)動(dòng)態(tài)讀取。

二、如何使用文章詳情組件？

1、如何查看文章詳情組件是否已經(jīng)存在？

如果你的頁面上已經(jīng)有這個(gè)組件了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個(gè)組件，但是還沒有添加，就需要先添加文章詳情組件了；

請(qǐng)注意，文章詳情組件支持添加在系統(tǒng)頁面或者自定義頁面的產(chǎn)品詳情頁面，其它頁面是不支持添加的。

2、如何添加文章詳情組件？

2.1 支持添加文章詳情組件的頁面有系統(tǒng)頁面或自定義頁面的文章詳情頁面，系統(tǒng)頁面的文章詳情（新聞詳情）頁面是指如下截圖上的頁面：

2.2 在頁面上添加組件的方法都是一樣的，要添加的組件名稱為“文章詳情”，如下圖所示：

3、如何設(shè)置文章詳情組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場(chǎng)景

1）此組件已經(jīng)添加好的場(chǎng)景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容

支持上/下一篇：支持在文章內(nèi)容底端顯示上一篇和下一篇；

上/下一篇標(biāo)題：支持展示上/下一篇的標(biāo)題或不顯示標(biāo)題只展示“上一篇”、“下一篇”；

上/下一篇排序方式：支持按添加日期升序或降序、按修改日期升序或降序、發(fā)布日期升序或降序（可以在某一篇文章的編輯頁面自定義發(fā)布時(shí)間）；

是否顯示作者來源發(fā)布日期：支持顯示作者來源、發(fā)布日期；

選擇日期格式：支持設(shè)置日期展示格式；

是否顯示分享工具：只是顯示分享工具，方便訪客把文章一件分享到微信、微博等第三方平臺(tái)；

是否顯示瀏覽數(shù)量：支持顯示瀏覽數(shù)量；

設(shè)置詢價(jià)按鈕：支持展示詢價(jià)按鈕，方便訪客戶點(diǎn)擊發(fā)送詢價(jià)信息；

點(diǎn)擊詢價(jià)交互類型：客戶點(diǎn)擊詢價(jià)以后，支持跳轉(zhuǎn)到新頁面來填寫詢價(jià)信息提交，或在新的彈出窗口填寫詢價(jià)信息提交；

3.3 在組件的設(shè)置中可以設(shè)置組件內(nèi)容的展示風(fēng)格

顯示設(shè)置：文章詳細(xì)內(nèi)容有多種展示風(fēng)格，有的帶文章附圖（在文章編輯頁面來修改文章附圖），有的不帶文章圖片。有的客戶不喜歡文章附圖默認(rèn)展示在文章中就可以選擇“不顯示附圖”此風(fēng)格；

設(shè)置文章標(biāo)題樣式：支持自定義文章標(biāo)題樣式，可以自定義這些內(nèi)容：文字大小、行高、文字間距、對(duì)齊方式、文字風(fēng)格、文字顏色；

3.4 設(shè)置好文章列表組件的內(nèi)容及風(fēng)格、高級(jí)功能后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的內(nèi)容。

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；

如果需要讓訪客也看到，請(qǐng)單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。

5、如何調(diào)整文章內(nèi)容中文字之間的間距？

點(diǎn)擊組件的編輯樣式，選擇內(nèi)容區(qū)-普通文字，里面有文字間距的設(shè)置，設(shè)置好記得保存發(fā)布哈！如下圖所示：