Thymeleaf 模板语言th:style添加background样式

后台返回缩略图设置成背景,th:style的background动态设置。
初始样式设置:

<div class="imgbox" 
th:style="background:url('thumbnai.jpg') no-repeat center center; background-size: auto 100%;">
div>

用后台返回的缩略图,代码如下:

<div class="imgbox" 
th:style="'background:url(' + ${
        olist.thumbnail}+') no-repeat center center;
 background-size: auto 100%;'">
div>

如果返回的缩略图字段为null, 页面报错。so加一层判断在外层:

<div class="imgbox" 
th:style="${
        olist.thumbnail}?'background:url(' + ${
        olist.thumbnail}+') no-repeat center center;
 background-size: auto 100%;':''">
div>

你可能感兴趣的:(前端thymeleaf模板引擎)