Question

我无法使用自定义名称覆盖默认的Looback API Explorer徽标名称。

我尝试遵循css样式，但是它仅附加诸如Looback API Explorer Test API Explorer之类的文本，但是我想要的只是Test API Explorer

#logo:after { 
  content: "Test API Explorer";
  color: #fff; /* set color to original text color */
  /* margin-left equals length of text we're replacing */
}

有人遇到同样的情况并找到了解决办法吗？

Answer 1

通过在loopbackStyles.css文件中添加以下CSS样式，我可以替换Looback API Explorer的自定义徽标名称

.swagger-ui-wrap #logo{
  display: none;
}
.swagger-ui-wrap:after { 
  content: "MyOwn API Explorer";
  color: #fff;
  font-weight: bold; 
}

Answer 2

LoopBack 资源管理器徽标和名称取自 node_modules 内的“Loopback-component-explorer”文件夹。要更改它，您可以转到“node_module>Loopback-component-explorer>public>index.html”，在这里您可以根据自己的情况编写任何内容或设计页面。对于 CSS，您可以在此处找到 CSS 文件夹。是的，它不会影响您后端的任何内容。希望它会有所帮助。干杯 check image here

如何替换/覆盖回送API资源管理器徽标名称？

2 个答案: