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

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

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

本期組件：圖片

組件概述：頁面內僅次于文本的常用組件，可在圖片中增加鏈接或單擊放大等交互。

一、約定基礎樣式??

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

1.1. 樣式

1. 樣式：默認為方形,分辨率默認
2. 圖片尺寸：按比例縮小
3. 圖片大?。哼^大的圖片應壓縮為合適大小，以確保頁面載入效率

1.2. 異常

1. 為空：顯示默認符號，由UI提供
2. 加載中：顯示加載符號，由UI提供
3. 加載失敗：顯示加載失敗，可點擊重新加載

二、約定基礎交互

2.1.懶加載

當圖片即將滾動到可視范圍內才加載；頁面內容器的圖片也是懶加載。

2.2.預覽大圖

1）默認大小：適應窗口

2）切換圖片：支持切換當前容器內的圖片，鍵盤左右鍵可切換

3）縮放圖片：支持鼠標滾輪縮放圖片，縮放比例需符合常規，如鼠標滾輪一格，縮放10%，鍵盤上下鍵可縮放

三、約定可控參數

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

1）數據來源：需說明這塊數據從哪來

2）懶加載：默認為否，除非圖片較多，會影響載入體驗

3）鼠標懸停：鼠標懸停于圖片的事件，只可1個，可選事件如下：

• 無需
• 提示文案：氣泡提示文案
• 氣泡彈窗內容頁：通過氣泡彈出一個可操作的頁面，需單獨一個原型描述

4）鼠標單擊：可一個事件，也可多個，只要有一個事件，鼠標懸停就會出現引導遮罩，描述格式及范例如下：

• {按鈕名稱}：{點擊事件說明}
• 預覽大圖：點擊預覽大圖
• 查看詳情：點擊新窗口打開XX詳情頁

四、輸出說明模板

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

• 組件名稱：規范-圖片
• 數據來源：
• 懶加載：否
• 鼠標懸停：氣泡提示“提示內容/內容來源”
• 鼠標單擊：預覽大圖

結語

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