图像不显示在grapesjs中的块上答案

【问题标题】：image not display on block in grapesjs图像不显示在grapesjs中的块上
【发布时间】：2021-12-14 16:03:08
【问题描述】：

制作块并在块上显示图像但不显示。但我设置了图像 HTTPS 链接，它也显示出来。我可以在图像中添加 CSS 吗？

  //contact page
                {
                    id:'contact',
                    attributes: { class:'gjs-block-contact'},
                    label: `<div>
                                <img src="./assets/images/contact-us.png" class="cus" alt="contact" >  
                            </div><br>
                            `,
                    category:'Pages',
                    content: `
                        <section class="col-mb-4">
                            <div class="row">
                                <div class="col-md-12 mb-md-0 mb-5">
                                     <h1>Contact Us</h1>
                                   
                                </div>
                            </div>
                        </section>
                `,
                },

【问题讨论】：

标签： reactjs image grapesjs

【解决方案1】：

我试过但没有通过img 标签添加图片。所以使用 CSS 添加图像。任何其他方式都可以分享它。

.gjs-block-header1 {
height:150px;
width: 100%;
background-image: url("./assets/images/header/header-1.png");
background-repeat: no-repeat;
background-size:cover;
}

【讨论】：