最新ionic3中样式scss文件中引入图片路径问题。
2017-11-05 20:31
232 查看
1、问题:在ionic3开发中市场会遇到scss引入的图片无法显示问题。
2、我们先看下ionic项目编译后的文件目录:
其中编译后的运行代码都在build文件夹中,静态资源、第三方库文件都在assets文件夹中。
我们编写的所有css代码都在build下的main.css文件中。
因此,我们在在css中引入图片文件时,只需按照main.css文件相对于assets文件夹的路径,填写相应的图片路径即可。
3、实例如:实际代码编译运行后图片路径为:
www/assets/images/avatar/shot.png,图片即能正常显示。
完结。
相关文章推荐
- 外部css文件背景图片引入路径问题
- SSM框架中引入css,js,图片文件的路径问题解决
- MVC中JQuery文件引入的路径问题,@Url.Content函数
- Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结
- jsp文件图片路径问题
- 母版页中引用图片、外部js、css文件的路径问题
- jsp.html中的引入js.css文件的问题,以及文件路径详解。
- java web项目中上传文件、图片路径问题
- paip.解决中文url路径的问题图片文件不能显示
- c++ + opencv + linux下加载文件(图片或级联分类器)路径的问题
- 网站中文件或图片的路径问题
- Myeclipse导出jar文件图片路径问题
- 通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
- 母版页中引用图片、外部js、css文件的路径问题
- java web项目中上传文件、图片、freemarker生成静态页面路径问题
- Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结
- 母版页中引用图片、外部js、css文件的路径问题
- jsp中引入脚本文件的路径问题
- asp.net 文件路径问题,Png图片透明问题,js提示对象不支持属性和方法的解决方案