Stacks-wallet-web: 主屏幕上空状态的视觉效果

创建于 2021-03-16  ·  5评论  ·  资料来源: blockstack/stacks-wallet-web

当新用户安装网络钱包时，他们可能没有任何活动，也没有余额。 我们可以对这两种状态使用一种微妙的视觉效果：当某人没有任何余额时，以及当某人还没有任何活动时。

屏幕草稿在这里： https ://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/%F0%9F%96%A5-Wallet-web?node-id=1842%3A42227

注意：该区域受“空状态”框架的约束。

✨ design
资料来源
picture jasperjansz

最有用的评论

如果有任何重叠，那么在桌面钱包中重用这里所做的也很好

是的， @jasperjansz建议做这样的事情： https ://polaris.shopify.com/components/structure/empty-state#all -examples
一些标准化的“空状态”卡，我们可以在我们的所有产品甚至资源管理器中重复使用（例如 https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet）

picture eugeniadigon 于 2021-03-29
🎉2 👍1

所有5条评论

@eugeniadigon这是你正在做的事情吗？ 如果是这样，我会把它拉到我们的看板板上。

markmhx picture markmhx 于 2021-03-29

@eugeniadigon这是你正在做的事情吗？ 如果是这样，我会把它拉到我们的看板板上。

是的，我这周正在做这个

eugeniadigon picture eugeniadigon 于 2021-03-29
🎉1

如果有任何重叠，那么在桌面钱包中重用这里所做的也很好

kyranjamie picture kyranjamie 于 2021-03-29

如果有任何重叠，那么在桌面钱包中重用这里所做的也很好

是的， @jasperjansz建议做这样的事情： https ://polaris.shopify.com/components/structure/empty-state#all -examples
一些标准化的“空状态”卡，我们可以在我们的所有产品甚至资源管理器中重复使用（例如 https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet）

eugeniadigon picture eugeniadigon 于 2021-03-29
🎉2 👍1

大家好，
我在这里添加了空状态迷你插图：
https://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/Wallet-%F0%9F%8C%90-web?node-id=1842%3A42227

并且还在其他产品上测试了第二个：
EmptyState-Examples-04
EmptyState-Examples-05

让我知道是否应该修改任何内容

eugeniadigon picture eugeniadigon 于 2021-04-01
🎉1
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

philipdesmedt picture philipdesmedt  ·  12评论
dantrevino picture dantrevino  ·  10评论
friedger picture friedger  ·  6评论
radicleart picture radicleart  ·  7评论
friedger picture friedger  ·  9评论