thymeleaf CSS内联表达式前端css里面怎么获取后台模板值

最新推荐文章于 2021-12-05 18:16:12 发布

weixin_33694620

最新推荐文章于 2021-12-05 18:16:12 发布

阅读量603

点赞数

文章标签：前端 javascript python ViewUI

原文链接：https://my.oschina.net/u/3807066/blog/2208239

版权

2019独角兽企业重金招聘Python工程师标准>>>

theamleaf CSS内联表达式和js内联表达式和取值类似

<style th:inline="css">
  ...
</style>

假设我们有两个变量设置为两个不同的String值：

classname = ‘vue1 view1’ 
align = ‘center’

使用如下表达式

<style th:inline="css">
    .[[${classname}]] {
      text-align: [[${align}]];
    }
</style>

结果将是

<style th:inline="css">
    .vue1 view1{
      text-align: center;
    }
</style>
1

下面给出一个设置theamleaf CSS设置背景的实例

.backGroundImg{
            /*background-image: url("http://www.it399.com");*/
            background-image: url("[[${myURL.mSrcURL}]]/imgs/tools/zuji/zuji_map_bg.png");
}

个人网站

个人博客

本文同步发布在在线助手，转载请注明来自在线助手博客频道【thymeleaf css内联表达式前端css里面怎么获取后台模板值]】,原文链接:http://www.it399.com/blog/html/201806081526

转载于:https://my.oschina.net/u/3807066/blog/2208239