Question

我正在尝试在我的scss文件中添加背景图像，但是我无法使其工作。

这是我的scss文件中的代码：

  background-image: url('./assets/images/Square.svg');

当我在其他应用程序上使用组件时，这就是我得到的路径：

http://localhost:4200/assets/images/Square.svg

这不是我的组件路径。

我尝试添加“ / dist / collection / assets / images”，但没有成功

我发现了此错误报告https://github.com/ionic-team/stencil/issues/923 1，但已关闭，似乎没有解决。

Answer 1

默认情况下，模具在www中复制资产文件夹。

Stencil assets config docs

我想您可以从图像路径中删除./，然后直接在scss文件中引用图像。

background-image: url('assets/images/Square.svg');

这应该有效。我已经尝试过，并且可以正常工作。

Working Code Sample

Answer 2

您可以将requests.get(uri, headers={'X-Auth-Token': token}).json() requests.post(uri, headers={'X-Auth-Token': token}, json={'commands': cmds}).json()用于base64图像，而不要使用相对或绝对URL。

此处是更多信息的URL https://css-tricks.com/data-uris/

Stenciljs-背景图像CSS路径

2 个答案: