less函数存放和使用文件位置介绍
image.png错误写法
image.png这样写,在m-header文件中直接相对m-header文件位置调用logo图片会报路径错误的
.bg-image('logo')
正确写法
正确写法注意:
- 需要在第一个url前添加~ 之后的用""包裹着
~"url(@{url}@2x.png)"
中@{url}@2x.png
外不需要用''包裹,想这样background-image: ~"url(‘@{url}@2x.png’)";
这样写,在m-header文件中直接相对m-header文件位置调用logo图片会报路径错误的
.bg-image('logo')
注意:
- 需要在第一个url前添加~ 之后的用""包裹着
~"url(@{url}@2x.png)"
中@{url}@2x.png
外不需要用''包裹,想这样background-image: ~"url(‘@{url}@2x.png’)";
本文标题:Vue组件引入less文件,图片路径问题
本文链接:https://www.haomeiwen.com/subject/vteahftx.html
网友评论