微信小程序全屏背景图,解决你在设置过程中出现的多次背景图重复出现的问题
wxml
<view class="container" style="height: {{phone_height}}px;">
</view>
wxss
.container {
width:100%;
background-image: url('');
background-size: cover;
}
上诉url里面的需要你填网络图片或者你本地图片拿去base64后把base64的编码填入,由于我用base64的,信息太长了,文章这里贴不了,你们就自行填写吧。
js
Page({
/**
* 页面的初始数据
*/
data: {
//获取屏幕的高度
phone_height: wx.getSystemInfoSync().windowHeight,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
})
效果图:
每天进步一点点,开心也多一点点