0
点赞
收藏
分享

微信扫一扫

如何在Vue页面中引入img下的图片作为背景图。../的使用


引入外部项目图片资源、使用相对路径就可以。适合多种场景不仅仅是vue

1、项目结构

如何在Vue页面中引入img下的图片作为背景图。../的使用_项目结构

2、使用方法一

2.1 代码实现

相对路径

background: url("../assets/img/schoolm2.jpg") center center no-repeat;

如何在Vue页面中引入img下的图片作为背景图。../的使用_相对路径_02

2.1 效果展示

如何在Vue页面中引入img下的图片作为背景图。../的使用_vue.js_03

3、使用方法二

3.1 代码实现

background: url("../../assets/img/user_header_logo.png") center center

如何在Vue页面中引入img下的图片作为背景图。../的使用_项目结构_04

3.2 效果展示

如何在Vue页面中引入img下的图片作为背景图。../的使用_项目结构_05

4、后语

学无止境。。。。。。


举报

相关推荐

0 条评论