我一直在处理一个有趣的界面问题,关于《成为机器》。 通常在浏览一个集合时,网格中的缩略图与打开详细视图时看到的内容是匹配的。 但未提交的 tbam 代币在每个以太坊区块中生成新的输出。 最初的解决方案是生成最近区块输出的 gif 作为缩略图,它们在单独展示时看起来很棒。 但随着我构建集合的前端并在集合与详细视图之间浏览,显然在点击详细页面时看到的图像与网格缩略图所显示的相似但不同,存在一种脱节。 现在: - 缩略图视图显示一个 2x2 的网格,框架独立旋转。 - 详细视图显示来自最近区块的全屏单一输出。 不同的视觉格式消除了它们匹配的期望。 这也有助于区分已提交和未提交的代币。