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

這篇文章里，作者針對日期時間選擇器這一組件的原型說明做了梳理和解讀，一起來看看吧，或許會對困擾于原型設計的產(chǎn)品經(jīng)理們有所幫助。

開發(fā)吐槽原型說明不清晰，領導催促原型要快細節(jié)再說，真是夾縫中生存的產(chǎn)品。今天教大家一個方法，既快又全。文末提供模板，可直接用。

步驟一：約定規(guī)范

如圖，與開發(fā)、UI約定組件規(guī)范，并維護在獨立文檔中。

步驟二：使用模板

如圖，Axure可將帶說明的通用組件置入元件庫，出原型時使用；開發(fā)看到組件，則使用約定規(guī)范；墨刀同理?！綪S：想了解word如何使用，請評論留言哈】

那么，規(guī)范與模板應該怎么寫？

本系列將通過“通用、輸入、輸出、反饋”四類約43個常用組件及3篇頁面（表單頁、列表頁、詳情頁）寫法，將規(guī)范與模板分享予您。

本期組件：日期時間選擇器。

組件概述：在同一個選擇器通過點擊輸入框彈出面板選擇日期和時間，可根據(jù)需求進行擴展。

一、約定基礎規(guī)范

本節(jié)主要與研發(fā)約定默認實現(xiàn)內(nèi)容，通過規(guī)范文檔維護。

1.通用基礎規(guī)范

參考“日期選擇器”

2. 業(yè)務面板基礎規(guī)范

1）單選

選項排列：平鋪展示本月所有日期。

選項切換：

• 點擊單箭頭切換月份，步長1月；點擊月份，面板切換至“月份面板”（具體交互參考“月份選擇器”），選擇月份后回到當前面板。
• 點擊雙箭頭切換年度，步長1年；點擊年度，面板切換至“年度面板”(具體交互參考“年度選擇器”)，選擇年份后，到月份面板選月份。

時間選擇：形式有多種，如下展示。本文僅描述第一種、第二種（時間面板交互，參考“時間選擇器”）。

• 第一種（推薦）：右側延申平鋪時間選擇面板。
• 第二種：通過顯示的時間作為按鈕，點擊后面板切換至時間選擇。
• 第三種：通過時間輸入框，再彈出一個時間面板。

默認選項：默認選中當前日期時間。

完成選擇：通過“確認”按鈕完成。

2）范圍

在“單選”基礎上，有以下不同：

• 面板樣式：左右兩個面板，右側值默認為左側的延續(xù)；面板底部增加時間選擇（考慮面板寬度過長，所以時間面板收起）。
• 面板操作：兩個面板選項可單獨切換，但需確保左側數(shù)據(jù)小于右側。
• 范圍樣式：需體現(xiàn)開始、結束、范圍內(nèi)，區(qū)分選中樣式。
• 完成選擇：選擇一個開始值再選一個結束值則完成選擇，收起面板。

支持先選結束值，再選開始值。

已有范圍后，重新點選，則重選范圍。

二、約定可控參數(shù)

本節(jié)主要與研發(fā)約定原型中可控制的參數(shù)，也通過規(guī)范文檔維護。文中會提供示例參數(shù)，及參數(shù)填寫說明。

• 日期可控參數(shù)，參考“日期選擇器”
• 時間可控參數(shù)，參考“時間選擇器”

三、輸出說明模板

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

1. 單選

• 組件名稱：日期時間選擇器。
• 狀態(tài)：可用。
• 提示文案：請選擇。
• 一鍵清除：有。
• 周起始日：周一。
• 預選值：今日，今時。
• 時制：24小時制。
• 可選日期范圍：不限。
• 可選時間范圍：10：00~18：00。
• 時間步長：10分。
• 快捷選項：無。
• 影響事件：暫無。

2. 范圍

組件名稱：日期時間選擇器。

狀態(tài)：可用。

提示文案：開始日期時間、結束日期時間。

一鍵清除：有。

預選值：今日到下周，10:30。

周起始日：周一。

可選范圍：

• 開始范圍：不限
• 結束范圍：不限
• 最大范圍：不限

時間步長：10分。

快捷選項：無。

影響事件：暫無。