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

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

解决方案:

1.可以用行内来实现

     <view class="warp" ../../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。