分类：引入图片

2021
08-06

react 项目中引入图片的几种方式

img标签引入图片因为react其实是通过js的reader函数渲染的页面，所以直接写src=“路径”是无法引入图片我们可以像引入模块一样引入图片importimgfrom'./../../../../asset/img/user.png'需要用下面的方式引入<imgsrc={require('../images/picture.png')}alt="标签"/>背景图片引入1第一种就是常规的新建一个css文件，然后就可以直接写css语法了.img{background:url('../images/picture.png')00no-repeat;}2第二种就... 继续阅读 >

2020
10-08

浅谈在vue-cli3项目中解决动态引入图片img404的问题

博主最近手头再做一个项目，需要调用天气接口，并且还要动态显示天气相关图片icon。本来以为没什么大问题，结果硬生生被这个动态图片路径搞得民不聊生（博主还是tooyoung，toosimple~），给出效果图：就是那个红框选中的那个天气状况图标icon要根据当前城市获取当前城市天气状态码，再根据当前城市状态码找到这个对应的天气图标icon~~按照一般的开发模式，静态图片路径是相对路径还是绝对路径都可以，因为图片路径是静态的是死... 继续阅读 >