天天看點

Mockplus元件樣式庫一鍵解決風格複用

Mockplus

3.3版本中,新增了元件樣式庫,可以快速複用元件風格,同時可以将元件風格儲存到庫中。

官網位址:

https://www.mockplus.cn

1.

儲存樣式

選中元件,設定好該元件的外觀後,點選圖中的加号,即可把元件目前的外觀屬性儲存起來。

Mockplus元件樣式庫一鍵解決風格複用

2.

應用樣式

應用時,選中某個類型的元件後,右側即會加載該類型元件的樣式,點選對應的樣式,即可把該樣式設定到選中的元件上;

Mockplus元件樣式庫一鍵解決風格複用

可以同時選中多個同類型的元件進行樣式設定;

部分簡單的元件是不支援樣式的,如靜态分類下的元件。

Mockplus元件樣式庫一鍵解決風格複用

3.

删除樣式

删除時,隻需要把滑鼠移動到該樣式上,就會顯示一個紅色的删除按鈕,點選即可删除;需要注意的是:隻能删除自己添加的樣式。

Mockplus元件樣式庫一鍵解決風格複用

4.

添加新的樣式庫

需要輸入樣式庫名稱及描述;

名稱會顯示到下拉框的位置;

描述用于對庫進行一個簡短說明,在管理樣式庫的時候可以看到。

Mockplus元件樣式庫一鍵解決風格複用

5.

樣式庫的管理

名稱前的圓點表示庫的同步狀态;

右側按鈕,分别表示:編輯樣式庫資訊、同步該樣式庫、分享樣式庫、删除樣式庫;

清單各項其它資訊為:作者、分享人數、備注。

Mockplus元件樣式庫一鍵解決風格複用

6.

分享樣式庫

可以添加或删除分享成員,成員來源為企業内部添加的成員賬号;

可參考元件庫的分享。

Mockplus元件樣式庫一鍵解決風格複用

企業版的使用者成員,還可以編輯共享的元件樣式。

繼續閱讀