代码样式ios显示不正常?
发布于 6 年前 作者 gangdu 12582 次浏览 来自 问答
<view class="swiperTop positionFixed">
  <swiper circular autoplay indicator-dots interval="4000" style="width: 750rpx; height: 500rpx;">
    <block wx:for="{{goodsDetail.url_banner_images}}" wx:key="index">
      <swiper-item>
        <view>
          <image class="swiperTopImage" src="{{item}}"></image>
        </view>
      </swiper-item>
    </block>
  </swiper>
</view>
<scroll-view style="background: #fff;margin:500rpx 0 168rpx 0;z-index:1;">
  <view>
    <view style="background:#fff;">
      <view style="width:100%;height:40rpx;"></view>
      <view class="fontTitle">
        <view class="fontLabel">
          {{goodsDetail.label}}
        </view>
        <view class="fontPrice" wx:if='{{shopStatus == 0}}' class="goodsPrice">¥{{goodsDetail.price}}</view>
        <view class="fontPrice" wx:if='{{shopStatus == 1}}' class="goodsPrice">{{goodsDetail.price}} 积分</view>
      </view>
      <view class="titleFont">
        {{goodsDetail.name}}
      </view>
      <view>
        <rich-text nodes="{{content}}" space="ensp"></rich-text>
      </view>
    </view>
  </view>
</scroll-view>
<view class="positionFixed personBtn">
  <button class="btn5" bindtap="bugGoods" hover-class="btnOpacity">
    立即购买
  </button>
</view>

在安卓显示正常,只有在ios中不正常。下边文字应该在轮播图图层的上方。偶尔会出现文字在轮播图图层下方。下方文字区域不固定内容多少,是我的代码有问题吗?请求大佬帮助

3 回复

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

这个 一般是你样式的问题:

写个代码片段吧:

https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

正常样式应该是这样的

下方文字区域压在轮播图上方

回到顶部