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

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

本期組件概述：滑動輸入條通過拖動滑塊在一個固定區間內進行選擇，輸入器僅展示當前值和可選范圍。

一、約定默認交互

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

1. 基礎樣式約定

1、需具備基礎樣式：默認、懸停、禁用等

2、根據原型設計確定合理的組件長度、顏色，以及滑塊的樣式

3、軌道左側為最小值，右側最大值；豎向則底部最小，頂部最大

4、UI可根據實際情況決定橫向還是豎向布置

2. 基礎交互約定

1、基礎操作

• 鼠標懸停滑塊時，滑塊需有交互，如變大、發光等
• 拖動滑塊，改變數值
• 點擊滑軌，快速移動滑塊至點擊區域

2、氣泡提示

• 氣泡提示可定義是否默認顯示；非默認顯示，則鼠標懸停在圓點時顯示
• 氣泡提示內容為滑塊所選值

3、數字輸入框：根據業務需求確定是否需要搭配輸入框（默認為“數字輸入框”）

• 輸入框的數值通過拖動滑塊來確定
• 改變輸入框內容，會同步移動滑塊。數值超出范圍自動回到最大/最小值。具體交互參考“數字輸入框”

二、約定產品可控參數

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

• 默認值：一般可默認為始發值、終點值或中間值
• 狀態：啟用/禁用
• 氣泡提示方式：常駐/懸停顯示
• 氣泡提示內容：可為整數、小數、百分數，具體由業務需求來確定
• 是否帶輸入框：根據業務需求確定
• 最小值：根據實際業務需求確定
• 最大值：根據實際業務需求確定
• 步長：即拖動的最小增/減量
• 操作后置結果：影響關聯數據表數據

三、產出說明模板

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

• 規范-滑動輸入條
• 默認值：中間值
• 狀態：啟用
• 氣泡提示方式：懸停顯示
• 氣泡提示內容：整數
• 是否帶輸入框：無需
• 最小值：0
• 最大值：100
• 步長：1
• 操作后置結果：暫無

結語

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