[小程序开发]ios小程序开发的坑

2024年7月31日 10:10 by wst

问题

最近在开发一个小程序，上线前测试的时候发现：苹果手机打开购物车页面的时候，购物车不显示。

解决方法

这个现象很奇怪，试了很多种方法都不行，最后在底部加了一像素的空白view解决了。

具体代码如下：

<view class="dish-container">

    <view class="dish-block">
        <scroll-view style="height: {{blockHeight}}px" scroll-into-view="c{{activeCategoryId}}" class="dish-nav" scroll-y="{{true}}">
            <!-- 商品类型 -->
            商品类别列表
            <!-- 占位，防止购物车图标遮挡。dish-nav: padding-bottom 无效 -->
            <view style="height: 100rpx;border: none"></view>
        </scroll-view>
        <scroll-view style="height: {{blockHeight}}px" class="dish-list" scroll-into-view="dc{{scrollCategoryId}}" scroll-y="{{true}}" scroll-with-animation="{{true}}" bindscroll="handleDishScroll">
            商品列表
        </scroll-view>
    </view>
    <view class="nav-bar">
        购物车
    </view>
    <!-- 注意，下面是关键点 -->
    <view style="height:2rpx"></view>
</view>

注意看代码的倒数第三行，这里是加了一个1像素高的view。

记录生活，把有用的东西沉淀下来！

欢迎转发，评论！