为什么在wxml设置背景图片真机不显示
发布于 7 年前 作者 fang05 13719 次浏览 来自 问答
  • 当前 Bug 的表现(可

无背景图
截图)

在开发者工具中可以显示

  • 预期表现
  • 复现路径

背景图片是sa_bg.png

  • 提供一个最简复现 Demo

<view class=‘serviceArea’>

<view class=‘serviceArea_title fontWeight’>服务地点</view>

<view class=‘serviceAreaList’ style=‘background:url(…/…/images/sa_bg.png)  no-repeat center center;background-size:cover;’>

<view class=‘serviceItem’ catchtap=‘outLink’ data-index=’{{index}}’ wx:for="{{serviceList}}" wx:key=“index”>

<image class=‘serviceItemImage’ src="{{item.picture}}"></image>

<text class=‘serviceItemText fontSize’>{{item.service_name}}</text>

</view>

</view>

</view>

2 回复

写到image标签里,做平铺,z-index:-1;

你可以打印<image class=‘serviceItemImage’ src="{{item.picture}}"></image>

{{item.picture}} 看看 移动端 有没有异常?

回到顶部