微信小程序开发中遇到的那些坑（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("https://img-blog.csdnimg.cn/2022010610144975999.jpg");
    }

    // Base64 在HTML中的使用
    <img src="https://img-blog.csdnimg.cn/2022010610144975999.jpg" />

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

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

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

转载于:https://www.cnblogs.com/Wisdon/p/8721402.html