幫助中心

分割線

組件概述

分割線是內容區隔組件,用於區分上下或左右不同內容區塊,可作為內容視覺間距與區塊分界。

 

適用場景

區分文章段落、不同模塊內容、頁面區塊之間做視覺分隔

 

組件使用

1、可在Class的【裝飾】➡️【背景顏色】/【背景樣式-漸變色】設置分割顯的顏色。(注意:【背景顏色】與【漸變色】不能同時設置,只會讀取到【漸變色】)

2、組件可在Class的【尺寸】設置橫向或豎向分割。(橫向:寬度100%、高度≧1px;豎向:寬度≧1px、高度100%)(注意:如果分割線組件的上層容器組件為【Flex 彈性伸縮】容器,則豎向高度不能設置為100%,需要設置成固定高度尺寸)

   

3、在Class的【邊距】➡️【外部距離】可以調整分割線的上下/左右空間