vue框架less处理@2x,@3x背景图片选择问题

less文件中定义一个方法，然后在要使用的地方调用传入图片名称即可：

.bg-image(@url){

  background-image:~"url('@{url}@2x.png')";

  @media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){

    background-image:~"url('@{url}@3x.png')";

}

}