公司新闻 行业动态 技术分享

微信小程序图片加载闪烁

发布日期: 浏览次数: 979

1、图片闪烁

小程序开发中发现,图片mode设置为widthFix,宽度在样式中定义,页面加载时会有拉长闪烁的问题,代码如下

  1. <image src=../../images/icon-tag.png mode=widthFix></image>
  1. .tag-item image {
  2. width: 30rpx;
  3. padding-right: 6rpx;
  4. }

这是因为image元素默认是block,且默认尺寸320*240,如果只设置宽度未设置高度就会出现上面的问题,加上高度问题解决。

  1. .tag-item image {
  2. width: 30rpx;
  3. height: 30rpx;
  4. padding-right: 6rpx;
  5. }

扫一扫关注我们

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

电话:13313868605

QQ:3413772931

地址:厦门软件园三期A02

网站地图