VUE css中使用@引用图片

1.问题起因：
在vue的css样式中使用@/对图片进行应用的时候报错了，使用…/…/的格式确可以

问题原因：因为css样式中不支持对@符号的解释需要加上符号 ~ 才能识别

  .eui-timeline3 .time-info.current .time-img.hjxx {
      background: url("~@/views/business/baseinfo/realpop/images/time-hjxx-on.png") no-repeat center,
      linear-gradient(180deg, rgb(20, 208, 175) 0%, rgb(20, 208, 80) 100%);
  }