vue3和vite项目在scss中因为本地图片,不用加~

看了很多文章说要加~,真的好坑哦,我的加了~反而出不来了:

304 Not Modified

vue3和vite项目在scss中因为本地图片,不用加~_第1张图片

所以需要去掉~:

/* 默认dark主题 */
:root[theme='red'] {
    --bg-color: #0d1117;
    --text-color: #f0f6fc;
    --backImg: url('@/assets/images/redBg.png');
}

/* light主题 */
:root[theme='blue'] {
    --bg-color: #ecf0f3;
    --text-color: #181818;
    --backImg: url('@/assets/images/blueBg.png');
}

直接引入就好:

vue3和vite项目在scss中因为本地图片,不用加~_第2张图片

你可能感兴趣的:(HTML前端,scss,前端,css)