小程序ajax加载完成前,界面已经渲染完成,如何防止图片拉伸变形或界面闪烁

  1. 新闻资讯
  2. 技术百科
公司新闻 案例分享 技术百科 行业动态

小程序ajax加载完成前,界面已经渲染完成,如何防止图片拉伸变形或界面闪烁

来源:奇站网络 浏览量:381 发布日期: 2020-03-12

微信小程序开发时,往往异步加载的数据还没有加载完成,界面就已经显示,界面上会产生图片拉伸变形或元素一闪而过的问题,影响用户体验。

解决方法

wxml

mode指定widthFix

  1. <image src="{{resPath + 'theme/mp/images/icon-quan.png'}}" mode="widthFix"></image>
wxss

样式中指定图片高度auto

  1. image{
  2. height:auto
  3. }
标签:

厦门奇站网络科技有限公司

电话:13313868605

QQ:3413772931

地址:厦门软件园三期A02号

网站地图


                    扫一扫加我咨询