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

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

解决方案:

1.可以用行内来实现

    
    

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

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

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

    // Base64 在HTML中的使用
    

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

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

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

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

你可能感兴趣的:(微信小程序开发中遇到的那些坑(1))