美文网首页
less传参问题:在url中插入变量

less传参问题:在url中插入变量

作者: 明灭_ | 来源:发表于2018-10-25 20:02 被阅读0次

今天在需要用less给url传递参数时遇到了小问题,一番搜索后有了下述解决方法:
1、background-image

@url: 'brand'

.bg-image {
    background-image: ~"url(@{url}@2x.png)";
    @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
      background-image: ~"url(@{url}@3x.png)";
    }
}

其中,“~”为转义,借此我们可以使用任意字符串作为属性或变量的值。
~“......”中的任何内容都会按原样输出,除了插值之外没有任何变化。

可参考less文档中对Escaping(~)的描述

2、background

background: url('@{url}@2x.png') no-repeat center

相关文章

  • less传参问题:在url中插入变量

    今天在需要用less给url传递参数时遇到了小问题,一番搜索后有了下述解决方法:1、background-imag...

  • 路由传递参数,获取请求参数

    Get传参方式:(1)在URL路径里传参 (:自定义变量) (2)在URL路径后加(?参数名=参数值...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

  • 2、注解篇@PathVariable

    @PathVariable url路径传参 注解有一个参数 value指定url中的参数对应的变量名 例如:req...

  • 微信小程序页面之间传参

    微信小程序页面之间的传参方法有四种 1.页面url传参2.data-属性传参3.缓存传参4.全局变量传参 1.页面...

  • URL 传参问题

    业务场景:微信小程序中A页面带参数跳转B页面 由于card数据比较大,导致JSON解析的时候报错:Unexpect...

  • SpringBoot-02-之参数传递

    一:url传参 1.get方式Url传参:@PathVariable 访问:http://localhost:80...

  • 关于Url传参的一点问题

    今天是2018年9月7日 晚一点看完比赛突然想起来URL传参的问题。 当页面使用URL传参时,可以在浏览器通过修改...

  • gin添加swagger

    1.使用url传参 2.使用body传参

  • http参数传递方式

    url传参 这种在各种method(get,post,delete,put)都能使用,解析速度快 body体中的参...

网友评论

      本文标题:less传参问题:在url中插入变量

      本文链接:https://www.haomeiwen.com/subject/xlnctqtx.html