圖文展示

2022-02-22 09:47 更新

一種高級(jí)文本組件,可對(duì)文本樣式進(jìn)行獨(dú)立設(shè)置

1. 適用場(chǎng)景

比如商品展示、報(bào)銷、企業(yè)文化等場(chǎng)景,可使用該組件

2. 基礎(chǔ)功能

2.1 設(shè)置文本內(nèi)容

點(diǎn)擊設(shè)置高級(jí)內(nèi)容,會(huì)進(jìn)入到富文本編輯器,可以自定義文案、樣式、上傳圖片等等

設(shè)置文本內(nèi)容

2.2 Mobile 端設(shè)置

2.2.1 設(shè)置左右間距的大小

  • 無(wú)間距

  • 16px

2.2.2 頁(yè)面折疊的相關(guān)設(shè)置

  • 是否折疊: 當(dāng)配置最大高度時(shí)是否可折疊收起
  • 折疊高度: 超過高度, 可支持折疊
  • 初始折疊: 初始化(打開頁(yè)面)是否折疊

示例:參考上圖中的設(shè)置,手機(jī)端點(diǎn)擊頁(yè)面進(jìn)去就是折疊收起的,可以點(diǎn)擊下拉按鈕展開完整頁(yè)面

效果如圖:

2.3 樣式設(shè)置

可以對(duì)整個(gè)頁(yè)面進(jìn)行頁(yè)面展示設(shè)置,比如邊距等

設(shè)置樣式

注意:圖文展示比較特殊,因?yàn)槔锩媸歉晃谋?,建議更多的文字相關(guān)的樣式,都在富文本編輯器里編輯,樣式設(shè)計(jì)器里的樣式設(shè)置的部分屬性,優(yōu)先級(jí)不及富文本編輯器里的樣式配置(如文字大小、顏色等等)

參考: 樣式介紹


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)