Google app maker 谷歌Appmaker中网格单元悬停时的阴影,类似于挂断呼叫配置文件Pic hover

Google app maker 谷歌Appmaker中网格单元悬停时的阴影,类似于挂断呼叫配置文件Pic hover,google-app-maker,Google App Maker,我有一个网格小部件,它在数据表的网格单元格中显示项目名称和图像链接。当我悬停在网格单元格上时,我希望在数据表中显示项目描述的阴影。请建议我如何实现它。您可以通过以下步骤实现所需的行为: 在单元格中添加一个面板 布局面板以覆盖整个单元(顶部、底部、左侧、右侧 宽度和高度都设置为0,宽度和高度设置为自动或“填充父对象” 高度(如果使用flex布局) 将您需要的小部件(带有说明的标签)添加到此“悬停”面板 取消选中“可见”面板的属性 添加CSS样式以在单元格鼠标悬停时显示面板 这应该是个好办法。以下是

我有一个网格小部件,它在数据表的网格单元格中显示项目名称和图像链接。当我悬停在网格单元格上时,我希望在数据表中显示项目描述的阴影。请建议我如何实现它。

您可以通过以下步骤实现所需的行为:

  • 在单元格中添加一个面板
  • 布局面板以覆盖整个单元(顶部、底部、左侧、右侧 宽度和高度都设置为0,宽度和高度设置为自动或“填充父对象” 高度(如果使用flex布局)
  • 将您需要的小部件(带有说明的标签)添加到此“悬停”面板
  • 取消选中“可见”面板的属性
  • 添加CSS样式以在单元格鼠标悬停时显示面板
  • 这应该是个好办法。以下是示例应用程序的链接:

    请回顾“如何提问”中的步骤,并通过提供您尝试过的事物或您已经研究过的技术等示例,看看您是否可以改进您的问题。
    .app-Items-GridItemsCell:hover .app-Items-PanelHover {
      display: flex !important;
      opacity: 0.5;
    }