我在Sitecore Next Js React中创建了一个组件。该组件基本上是一个全宽横幅。我需要设置一个图像作为父潜水的背景，并且可以通过体验编辑器编辑。接下来我该怎么做呢？
eaf3rand1#
您可以使其类似于反作用或使用下一个零部件。1.将图像放入公用文件夹并在background-image属性中添加图像路径1.导入图像并将导入内容放置到background-image属性中，如下所示：backgroundImage: url(${bg.src})1.使用next/image组件。https://nextjs.org/docs/api-reference/next/image此组件进行了一些优化。您应该将图像放在src prop中，如1 variant或只传递图像导入，添加layout = fill，并定位：相对于父母。官方演示：https://image-component.nextjs.gallery/background文件：https://nextjs.org/docs/api-reference/next/image
backgroundImage: url(${bg.src})
1条答案
按热度按时间eaf3rand1#
您可以使其类似于反作用或使用下一个零部件。
1.将图像放入公用文件夹并在background-image属性中添加图像路径
1.导入图像并将导入内容放置到background-image属性中，如下所示：
backgroundImage: url(${bg.src})1.使用next/image组件。https://nextjs.org/docs/api-reference/next/image此组件进行了一些优化。您应该将图像放在src prop中，如1 variant或只传递图像导入，添加layout = fill，并定位：相对于父母。
官方演示：https://image-component.nextjs.gallery/background
文件：https://nextjs.org/docs/api-reference/next/image