微信小程序开发中遇到的那些坑（1）

1、background-image 只能用网络url或者base64 . 本地图片要用image标签才行。

解决方案：

1.可以用行内来实现

	<view class="warp" style="background-image: url('../../images/welcome.png')">
	</view>

2.将图片转成base64添加进入

转换地址：https://tool.css-js.com/base64.html

	// Base64 在CSS中的使用
	.box{
	  background-image: url("data:image/jpg;base64,/9j/4QMZR...");
	}

	// Base64 在HTML中的使用
	<img src="data:image/jpg;base64,/9j/4QMZR..." />

2、用弹性和布局时，display: flex不可以和display:none一起，会失效

分析：display:none会覆盖display:flex属性的

解决方案：可以在外面再套个view。