微信小程序的background-image使用

1.图片必须是网络图片,而且必须是https (base64据说也行没试过 )图片base64网址

2.在WXSS中使用以上文本:

<view style="background-image:url({{item.url}})"></view>

3.为了是背景图片自适应宽高,可以做如下设置:

{
background-repeat:no-repeat;
 background-size:cover;
}

注意:
class :静态的样式统一写到 class 中。
style 接收动态的样式,,请尽量避免将静态的样式写进 style 中,以免影响渲染速度。

<view style="color:{{color}};" />

你可能感兴趣的:(微信小程序)