微信小程序背景图片

[竹冬汤]

菜鸟求助大佬们
开发微信小程序想使用云存储中的图片作为背景图片，但background-image不支持fileID，求问怎么将云文件转换为线上文件啊？

[kk1924]

没代码没图，，怎么说

[寒幕小怪]

图片还是放到云端然后使用数据绑定显示可以减少上传代码量。 背景解决方案： 在js页面下载背景图片数据

  data: {
    notInMotto :"必须登陆才可以浏览失物信息",
    userInfo: {},
    schoolBackground:"cloud://mychd-find-4s9do.6d79-mychd-find-4s9do-1301544649/系统媒体文件/长大背景/校本部教学楼.jpg"
  },

在前端页面用数据绑定实现展示：

	<view>
		<image class="backgroundPic" src='{{schoolBackground}}' mode="aspectFill"></image>
	</view>

前端css代码：

.backgroundPic{
  width: 100%;
  height:100%;
  position:fixed;
  background-size: 100% 100%;
  z-index:-1;
}

小程序背景设置可以查看我的博客https://blog.csdn.net/sika_deer/article/details/108300663

[竹冬汤]

引用 3 楼 寒幕小怪的回复:

图片还是放到云端然后使用数据绑定显示可以减少上传代码量。 背景解决方案： 在js页面下载背景图片数据

  data: {
    notInMotto :"必须登陆才可以浏览失物信息",
    userInfo: {},
    schoolBackground:"cloud://mychd-find-4s9do.6d79-mychd-find-4s9do-1301544649/系统媒体文件/长大背景/校本部教学楼.jpg"
  },

在前端页面用数据绑定实现展示：

	<view>
		<image class="backgroundPic" src='{{schoolBackground}}' mode="aspectFill"></image>
	</view>

前端css代码：

.backgroundPic{
  width: 100%;
  height:100%;
  position:fixed;
  background-size: 100% 100%;
  z-index:-1;
}

小程序背景设置可以查看我的博客https://blog.csdn.net/sika_deer/article/details/108300663

谢谢大佬啦