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。
|
请发表评论