詳情頁(yè)模板決定了文章、產(chǎn)品、商品、預(yù)約等具體展示樣式，系統(tǒng)支持自定義詳情模板，最多支持每個(gè)分類顯示對(duì)應(yīng)的獨(dú)立的樣式效果。詳情模板包含內(nèi)置版塊和自由設(shè)計(jì)兩種

1 內(nèi)置詳情版塊

編輯器左上角頁(yè)面管理切換頁(yè)面系統(tǒng)頁(yè)面 -> 詳情模板進(jìn)入對(duì)應(yīng)的系統(tǒng)詳情頁(yè)，以產(chǎn)品詳情模板為例，系統(tǒng)中內(nèi)置了十幾種常見的詳情版塊效果，可以通過(guò)切換設(shè)計(jì)來(lái)快速更換

詳情版塊支持通過(guò)版塊設(shè)置來(lái)對(duì)界面數(shù)據(jù)和樣式進(jìn)行微調(diào)，基本上內(nèi)置版塊的風(fēng)格比較固定，可改造程度低。

2 自由設(shè)計(jì)詳情版塊

自由設(shè)計(jì)模式則允許對(duì)詳情版塊進(jìn)行高自由度靈活設(shè)計(jì)，首先將詳情版塊切換成空白詳情自由設(shè)計(jì)版塊(詳情版塊不允許直接刪除，否則系統(tǒng)頁(yè)面可能因?yàn)槿笔П匾鎵K而無(wú)法正常展示數(shù)據(jù))。切換成空白模式后，則可以從左側(cè)拖拽元素自由設(shè)計(jì)，其中左側(cè)的專有元素表示只能在詳情頁(yè)中工作的詳情元素，例如詳情標(biāo)題、詳情內(nèi)容、詳情主圖等，還包括不同類型的自定義參數(shù)展示。

因?yàn)樵斍閮?nèi)容是動(dòng)態(tài)數(shù)據(jù)，不同的文章產(chǎn)品內(nèi)容高度不一樣，實(shí)際預(yù)覽時(shí)自由模式設(shè)計(jì)的詳情頁(yè)內(nèi)容高度將自動(dòng)撐開，詳情內(nèi)容下方的元素將自動(dòng)下移。

如何設(shè)計(jì)帶分隔線條的詳情效果呢？正常線條應(yīng)該跟隨內(nèi)容高度自動(dòng)變化。這種情況下只需要將詳情內(nèi)容放入一個(gè)帶邊框的容器里即可，詳情內(nèi)容的增高將自動(dòng)撐開外圍容器，容器的邊框就形成了自動(dòng)高度的分隔線效果。

詳情頁(yè)也可以自由定制邊欄效果，例如添加垂直菜單元素綁定系統(tǒng)分類就可以在詳情頁(yè)添加帶站點(diǎn)分類的邊欄

詳情頁(yè)的動(dòng)態(tài)數(shù)據(jù)綁定是支持跨版塊的，即便是在多個(gè)版塊里依舊可以自動(dòng)綁定對(duì)應(yīng)的數(shù)據(jù)，因此可以搭配生成更多的效果，例如詳情彈框里的元素同樣可以拖拽詳情標(biāo)題等元素進(jìn)去，這樣點(diǎn)擊打開彈框的時(shí)候可以看到動(dòng)態(tài)的內(nèi)容。

部分內(nèi)置詳情版塊支持錨點(diǎn)菜單導(dǎo)航效果，如果是自由設(shè)計(jì)模式，添加菜單到想要的位置，然后在菜單的點(diǎn)擊交互里設(shè)置錨點(diǎn)滾動(dòng)到相應(yīng)的元素或者版塊即可。