BlockMeet 設計系統
返回應用BlockMeet 組件庫
BlockMeet 界面組件的集合，用於構建一致且美觀的用戶界面。
按鈕
按鈕用於觸發操作或事件，如提交表單、打開對話框、取消操作或執行刪除操作。
漸變按鈕
透明度與陰影
互動效果
徽章
徽章用於突出顯示項目的狀態，以便用戶快速識別。
默認次要輪廓危險
卡片
卡片是包含內容和操作的可點擊元素，它們用於顯示有關單個主題的信息。
會議詳情
查看您即將到來的會議
您有 3 場會議安排在今天。
活動統計
您的活動參與數據
已參加12
已取消2
即將到來5
增強型卡片
使用漸變色、透明度、陰影和微互動等現代設計元素，創建更具視覺吸引力的卡片。
漸變背景卡片
背景使用漸變色提升視覺層次
漸變背景配合半透明效果，增加設計質感。
玻璃擬態卡片
使用模糊背景和微妙陰影創建現代玻璃效果，適合疊加在其他內容上。
半透明面板
模糊背景
重點內容卡片
使用分層設計突出重要信息
分層信息展示
使用不同層次的陰影和背景
微互動效果
懸停時各元素有不同反應
深入了解卡片設計
互動卡片示例
懸停時顯示
背景轉換效果
懸停整個卡片時觸發
這種卡片在用戶互動時會顯示漸變背景，創造層次感，增強用戶體驗。
選項卡
選項卡用於在同一頁面內的不同內容部分之間切換。
賬戶設置
管理您的賬戶信息和偏好設置。
表單控件
表單控件用於收集用戶輸入，如文本、選擇、檔案等。
對話框
對話框用於向用戶請求確認或提供額外信息，而不離開當前頁面。
警告與通知
警告和通知用於向用戶顯示重要信息、提醒或操作反饋，並使用透明度、陰影和漸變增強視覺效果。
錯誤警告
操作無法完成，請檢查您的輸入並重試。如果問題持續存在，請聯繫支持團隊。
成功通知
操作已成功完成，您的變更已保存。系統將在5秒後自動重定向。
警告提示
您的存儲空間即將用完，請考慮升級您的計劃或刪除一些文件。
信息提示
系統將於週日凌晨2:00進行維護，預計持續2小時。
新消息通知
您有3條未讀消息，點擊查看詳情。
高級通知設計
使用複雜的背景圖案、漸變和微妙的動畫效果，創建具有高級質感的通知。