可視化調整邊距

功能作用

  • 編輯頁面通過鼠標拖動實時可視化調整模塊的邊距,更快捷方便調整模塊的邊距。

實現效果

一、操作方式

1.1 模塊調整邊距

  • 舊有方式:模塊上樣式編輯——外邊距——填寫數值

  • 現有可視化調整方式:鼠標移至模塊會出現三個小圖標 ,鼠標點住小圖標不放拖動,能實時看到調整的邊距數值。

2.2 分欄調整邊距

  • 舊有方式:分欄模塊上樣式編輯——內邊距——填寫數值

  • 現有可視化調整方式:鼠標移至分欄會出現三個小圖標 ,鼠標點住小圖標不放拖動,能實時看到調整的邊距數值。