中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

開發吐槽原型說明不清晰，領導催促原型要快細節再說，真是夾縫中生存的產品。今天教大家一個方法，既快又全。

對原型規范&說明模板不明白朋友，可查看：如何解決原型說明寫不全？

本期組件：標簽

組件概述：通過一個個標簽內容，形成標簽組。可標記事物的屬性、維度，便于后期的分類與檢索

一、約定基礎樣式??

本節主要與研發約定默認實現內容，通過規范文檔維護。

分為可編輯、不可編輯兩種，對其要求如下：

1.1 樣式???

1、尺寸邊距：一般組件庫會提供大中小尺寸，及文字邊距，UI可依據此情況設計UI庫

2、樣式說明：標簽尾部有虛線“新增”，則表示此標簽組可編輯（增刪改）。對顏色有要求，可單獨說明。

3、排版范圍：通過紅色線框，框定標簽組顯示范圍

1.2 異常????

1、空標簽：為空情況需約定方案

• 不可編輯：有文案提示
• 可編輯：顯示添加按鈕

2、標簽溢出：標簽內容、數量超出顯示范圍需約定方案

• 標簽內容溢出：標簽寬度需根據內容長短自適應，寬度達到排版范圍，則超出部分省略。
• 標簽溢出：最后一個標簽為超出標簽數量，鼠標懸停顯示超出標簽的內容，并通過“、”隔開

二、約定基礎交互

2.1 不可編輯標簽

1、鼠標懸停：氣泡顯示標簽完整內容

2.2. 可編輯標簽

在“不可編輯標簽”基礎上，還有如下：

1、增加：無論是輸入新增還是從備選框新增，都新增在尾部

2、刪除：刪除后，后續標簽回退一格補齊

3、修改：在原標簽位置修改，不動到整體排序

鼠標懸停：呈“可編輯樣式”

4、拖動：支持按住標簽拖動排序

鼠標懸停：呈“可拖拽”樣式

三、約定可控參數

本節主要與研發約定原型中可控制的參數，也通過規范文檔維護。文中會提供示例參數，及參數填寫說明。

不在原型中編輯標簽內容，原型僅控制紅框調整標簽組范圍。標簽組分為不可編輯及可編輯，分別對應不同場景。

3.1 不可編輯標簽

1、數據來源：說明標簽數據來源

2、顯示范圍：原型中拖動范圍進行設置

3、點擊事件：即點擊標簽觸發的事件，分單擊、雙擊

3.2 可編輯標簽

在“不可編輯標簽”基礎上，還有如下：

1、固定標簽：即不可移動、編輯、刪除的幾個標簽，樣式會有區別

2、最大數量：可最多存在幾個標簽（含固定標簽）

3、新增方式：可選手動編輯新增/從備選框選擇（則不可修改標簽內容）

• 手動編輯：即使用約定交互的新增邏輯
• 從備選框選擇：需銜接到另一個原型

4、標簽內容限制：需限制輸入長度、輸入內容等，否則易不可控

5、關閉事件：即移除標簽觸發的事件

四、輸出說明模板

組件名稱前加個“規范”，便于團隊識別規范組件；模板可直接寫入注釋，并存為Axure/墨刀元件庫。

4.1 不可編輯標簽

組件名稱：規范-不可編輯標簽

數據來源：

顯示范圍：原型中拖動范圍設置

點擊事件：單擊/雙擊

4.2 可編輯標簽

組件名稱：規范-可編輯標簽?????????

數據來源：

顯示范圍：原型中拖動范圍設置

固定標簽：

最大數量：10

新增方式：手動編輯

標簽內容限制：

• 輸入長度：5字符
• 輸入內容：中文、數字、字母

點擊事件：單擊/雙擊

關閉事件：暫無

結語

本系列持續更新，喜歡的朋友請點個【關注】或【收藏】，您的鼓勵是我們持續分享的動力。