为什么在wxml设置背景图片真机不显示

2019-2-12 13:39| 查看: 303| 原作者: 小程序定制|来自: 微信小程序开发

摘要: - 当前 Bug 的表现(可无背景图截图)在开发者工具中可以显示- 预期表现- 复现路径背景图片是sa_bg.png- 提供一个最简复现 Demoview class='serviceArea'view class='serviceArea_title fontWeight'

- 当前 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>


微信小程序开发者回复

开发者回复:

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

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

开发者回复:

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

本文整理自网络,如有侵权请联系删除,微信小程序开发 http://html51.com,开发小程序、定制小程序来51小程序网。
点此搜索更多关于"为什么在wxml设置背景图片真机不显示"的问题
收藏

相关文章

最新评论

手机版|51小程序,商务合作QQ: 3352085720 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部