Question

我有很多文章，所以我无法在export default class App extends Component<{}> { render() { return ( <WebView source={{uri: 'https://stackoverflow.com/' }} //good working // source={{uri: my vuejs pwa }} //not working domStorageEnabled={true} javaScriptEnabled={true} mixedContentMode={'compatibility'} /> ); }下为背景图片添加静态网址。

我在_article.html.erb文件中尝试了这个： -

syle="background-image

但它提出了这个：

<div class="hero_image" style="background-image: url("<%= article.image_url %>")">

所以，没关系，我在我的article.scss.erb文件中尝试这个： -

<div class="hero_image" style="background-image: url(" uploads="" lines="" article="" hero_image="" 1="" budapest-cropped.jpg")"="">
    </div>

但它提出了这个：

  .hero_image {
    background-image: url(<%= asset_path 'article.image_url' %>);

完全不是我要找的东西，我需要它来渲染

HTML下的

background-image: url(/article.image_url);或CSS下的<div class="hero_image" style="background-image: url("/uploads/lines/article/hero_image/1/Budapest_Cropped.jpg"> </div>

具有讽刺意味的是，当我的代码为background-image: url(/uploads/lines/article/hero_image/1/Budapest_Cropped.jpg);时，它确切知道该怎么做，但是太糟糕了，我不想要一个img src标签，我需要一个背景图片标签。

任何人都知道我的语法出了什么问题？

提前谢谢！

Answer 1

第一个似乎是正确的，只需删除url（）内的引号，就像这样

<div class="hero_image" style="background-image: url(<%= article.image_url %>)">

用于HTML.ERB文件中背景图像的Ruby on Rails语法

1 个答案: