圖文展示

2022-02-22 09:47 更新

一種高級文本組件,可對文本樣式進行獨立設(shè)置

1. 適用場景

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

2. 基礎(chǔ)功能

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

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

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

2.2 Mobile 端設(shè)置

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

  • 無間距

  • 16px

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

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

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

效果如圖:

2.3 樣式設(shè)置

可以對整個頁面進行頁面展示設(shè)置,比如邊距等

設(shè)置樣式

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

參考: 樣式介紹


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號