微信小程序开发背景图展示功能

这两天我们开发了微信小程序，发现在wxss中设置background-image:(url)属性无论是在开发工具中还是在网上都无法显示。根据数据，背景图像只能用网络url或base64图像编码，本地图像只能用图像标签的src属性编码。当然，图像标签的src属性也可以通过网络url或base64图片进行编码。

下面，通过设置图像标签的src属性来显示背景图像

界面结构：

view class=' set-background ' Image class=' background-Image ' src=' { { item . country pic } } '/Image view class=' background-content ' view class=' set-background-avatar ' background-size=' cover ' Image class=' post-specific-Image ' src=' http : { { item }。图片} } '/图像/视图/视图/视图wxss样式。set-background { display : flex；flex-direction:柱；align-items:居中；高度： 150像素；}.set-background-avatar { width : 220 px；高度： 150像素；}.背景-内容{ position: absolutez-index : 1；}.背景图像{ width: 225px高度： 150像素；opacity: 0.8}.特定后图像{ width: 215px高度： 150像素；垂直对齐：中间；}显示结果：

摘要

以上是边肖介绍的微信小程序开发的背景图片展示功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！