微信小程序设置背景图的几种方式

您所在的位置:网站首页 微信怎样设置透明璧纸背景 微信小程序设置背景图的几种方式

微信小程序设置背景图的几种方式

2024-07-10 20:33| 来源: 网络整理| 查看: 265

作为前端开发人员来说设置背景图那是多么简单的事,刚开始我就在wxss文件中使用background-image:url()来设置背景图片,结果保存控制台出现错误提示,如图所示:

.page {

width: 100%;

height: 100%;

background-size: 100% 100%;

position: relative;

color: #fff;

background-image: url(’../../../assets//icon-home.png);

}

 提示wxss中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用标签。

然后我想着能不能在wxml文件引入本地图片,说干就干:

在开发工具上显示ok,结果拿着手机预览,图片显示不出来,看来这种也不行,哎只能乖乖的按那三种提示进行设置背景图片啦

1.使用网路图片:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3