开发小程序的时候,设置页面的背景,我用到css代码:
.page__bd{
width: 100%;
height: 220px;
background: url('../../assets/img/images.jpg') no-repeat;
background-size: 100% 100%;
}
在调试工具上是显示的,但是扫面上传到手机上却显示不出来,谁遇到过这样的问题?
开发小程序的时候,设置页面的背景,我用到css代码:
.page__bd{
width: 100%;
height: 220px;
background: url('../../assets/img/images.jpg') no-repeat;
background-size: 100% 100%;
}
在调试工具上是显示的,但是扫面上传到手机上却显示不出来,谁遇到过这样的问题?
<view class="userinfo">
//这里放背景图
<image class='userBg' src='../../../images/my_bg.jpg'></image>
<view class='userContent'>
<view class="userinfo-avatar" background-size="cover"><open-data type="userAvatarUrl"></open-data></view>
<open-data type="userNickName" class="userinfo-nickname"></open-data>
</view>
</view>
//样式部分
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
height: 250rpx;
}
.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}
.userinfo-nickname {
color: #333;
}
.userContent{
position: absolute;
z-index: 1;
}
.userBg{
width: 100%;
height: 100%;
}
这样就好了
1 回答1.1k 阅读✓ 已解决
2 回答1.7k 阅读✓ 已解决
2 回答930 阅读✓ 已解决
1 回答1.6k 阅读✓ 已解决
1 回答820 阅读✓ 已解决
1 回答1.1k 阅读✓ 已解决
1 回答1.1k 阅读✓ 已解决
可以用行内来实现
上面这个在“开发工具”中能显示,但是用手机预览的时候就不出图,所以下面:
以欢迎页面来说:
wxml:
css:
js:
这么着“开发工具”与预览都没问题,线上没试过,它这css里好像只能放网络地址...,我也是头一次摸....