编程教育资源分享平台

网站首页 > web前端 正文

uniapp ios上 swiper不显示图片_uniapp svg图标

luoriw 2023-10-21 11:56:40 web前端 42 ℃ 0 评论

uni-app 做的项目 运行到ios上: swiper组件不显示图片,点击原本的图片区域 正常显示预览图;

排除图片路径问题。

将网络资源替换成本地资源 问题也存在,排除资源地址问题;

将jpg图换为png图 问题也存在,排除图片格式问题;

最终将图片 image组件换为view,使用背景图 问题解决。

但是让人想不明白的是 项目其他模块也有swiper也使用image组件 没有遇到问题, 统计了下 有3个地方的swiper使用image是有问题的,两个地方是正常显示。

<swiper   style="height: 750rpx"
          :indicator-dots="true"
          :autoplay="true"
          :interval="3000"
          :duration="1000"
        >
          <swiper-item v-for="(item, index) in imgs" :key="index" @click="previewImg(index)">
////////////////////////////////////
// 很奇怪这个页面 我这样写不显示图片
              <image :src="item != null ? item : '/static/imgs/mbno_img.png'" style="width: 100%; height: 750rpx"/>
//我改成这样就可以显示图片了
			  <view style="width: 100%; height: 750rpx" class="swImg" :style="{'background-image':'url('+(item != null ? item : '/static/imgs/mbno_img.png')+')'}"></view>
////////////////////////////////////
          </swiper-item>
</swiper>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表