css - 如何在 Stencil 中添加背景图像

Question

我必须通过 cyberduck 上传一张图片到 (content/img/add-to-wish.png) 但找不到图片。我该如何解决这个问题？

我正在使用 background: #fff url("../img/add-to-wish.png");.

Answer 1

要在 SCSS 文件中调用 webdav 内容文件夹 中的图像，请像这样调用它们。 示例 webdav 文件结构 content/img/filename.jpg

background: #fff url("/content/img/filename.jpg") no-repeat 50% 50%;

要从您的元素SCSS 文件中的 Assets /scss 文件调用图像，请使用以下结构。

background: #fff url("../img/filename.jpg") no-repeat 50% 50%;

要调用 HTML 文件中主题的 assets/img 文件夹内的图像，请使用下面的 cdn handlebar 帮助程序。

<img src="{{cdn 'img/filename.jpg'}}">

要在 HTML 文件中调用 webdav 内容文件夹 中的图像，请使用带有 webdav 前缀的 cdn 助手。 webdav 文件结构 content/img/filename.jpg

<img src="{{cdn "webdav:img/image.jpg"}}">