第17篇 UI 空状态设计没有数据时的艺术写在前面今天想和你聊聊一个常常被忽视但很重要的设计——空状态。在我眼里空状态就像是给空白配上了诗意让没有数据的界面也能传达价值。空状态设计原则div classempty-state div classempty-icon/div h3暂无数据/h3 p开始创建您的第一个项目吧/p button classbtn-primary立即创建/button /div.empty-state { text-align: center; padding: 60px 20px; } .empty-icon { font-size: 64px; margin-bottom: 20px; }写在最后空状态不是空白而是引导用户的机会。记住像素不能偏差 1px。