Oracle apex 如何在Oracle APEX 19.2的导航列表中添加自定义图像？

有人能帮我吗？我想显示自定义图像在列表中的静态文件上传的图像。我已经在by shared components/list/Image/Class/APP_IMAGESad.png中尝试过了

但这样做不好，我如何在下面的列表中做到这一点，或者如何在图标文件中添加新图标

---

请提供任何建议。

以下步骤已在APEX 19.2上进行了测试

将图像大小调整为16px正方形。用于添加图像的CSS不允许通过CSS调整图像大小，因此需要提前完成。您可以选择不同的图像大小，但这需要调整菜单的其他方面。如果需要，请参阅底部的注释。 将图像上载到共享组件，并从报告中的引用列获取URL。您可以根据需要使用静态应用程序文件或静态工作区文件。我使用静态应用程序文件，URL是：APP_IMAGESdm-16.jpg 转到共享组件>列表。选择要使用的列表，然后深入到要显示图像的列表条目中。在Image/Class字段中，添加一个自定义类，您可以使用该自定义类来定位元素。我用的是：dm-16 转到有按钮设置的页面以打开菜单。如果您还没有此设置。进入页面级属性并将以下CSS添加到CSS部分的内联字段中：

.dm-16:before {
  content: url(#APP_IMAGES#dm-16.jpg);
}

CSS从步骤3中选择类，并使用步骤2中的值设置内容属性

运行页面时，您应该会看到如下内容：

下面是一些关于使用较大图像的注意事项。。。有一个span，它用图像包装span，并有一个名为a-Menu-statusCol的类。该元素的宽度属性设置为32px。这是因为它的左、右填充设置为8px，每16px总计一个，所以当您以16px的速度添加图像时，总宽度将变为32px

假设您要使用32像素宽的图像。您需要将填充值设为16px，并将图像的宽度加上32px，然后将跨度的宽度设置为该总宽度。在我的例子中是48px。我在页面的同一内联属性中添加了以下CSS：

.a-Menu-content .a-Menu-statusCol {
  width: 48px
}

之后，您将看到图像不再与文本正确对齐。这是因为文本位于“a”元素中，该元素的行高根据以前的图像大小设置。同样，高度由名为a-Menu-statusCol的类的跨度驱动。它的顶部和底部填充物为10px，每个总填充物为20px。如果添加默认图像高度16px，则总数为36px，这是“a”元素的行高度设置为的值。如果您添加一个高度为32px的图像，则需要在该图像上添加20px，以获得总共52px的图像。我在同一页面上使用以下CSS将“a”元素的灯光高度设置为该值：

.a-Menu .a-Menu-item {
  line-height: 52px;
}

如你所见，图像现在变大了。它没有与它下面的图标对齐，因为我没有将较大的图像添加到该列表条目中