收藏
回答

scroll-view 高度不会自动拉高

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 客户端 6.7.0 2.2.3
<scroll-view scroll-x style="min-height: 200px;text-align:center;width:85%;" >
 
    <view class="table" style="width:1400rpx;margin:0px auto;border:0;">
 
        <view class="tr">
 
            <view class="td" style="width:160rpx;">货号</view>
 
            <view class="td" style="width:200rpx;">品名</view>
 
            <view class="td" style="width:120rpx;">目前库存</view>
 
            <view class="td" style="width:120rpx;">规格</view>
 
            <view class="td" style="width:120rpx;">型号</view>
 
            <view class="td" style="width:120rpx;">产地</view>
 
            <view class="td" style="width:120rpx;">类型</view>
 
            <view class="td" style="width:80rpx;">单位</view>
 
        </view>
 
        <view class="tr" wx:for="{{productList}}" wx:key="*this" wx:for-item="item">
 
            <view class="td" style="width:160rpx;">{{item.FGoodsID}}</view>
 
            <view class="td" style="width:200rpx;">{{item.FGoods}}</view>
 
            <view class="td" style="width:120rpx;">{{item.FQty}}</view>
 
            <view class="td" style="width:120rpx;">{{item.FGoitem}}</view>
 
            <view class="td" style="width:120rpx;">{{item.FGostyle}}</view>
 
            <view class="td" style="width:120rpx;">{{item.FGoArea}}</view>
 
            <view class="td" style="width:120rpx;">{{item.FGoType}}</view>
 
            <view class="td" style="width:80rpx;">{{item.FUnit}}</view>
 
        </view>
 
        <view class="tr">
 
            <view class="td" style="width:160rpx;">合计</view>
 
            <view class="td" style="width:200rpx;"> </view>
 
            <view class="td" style="width:120rpx;">{{FQty}}</view>
 
            <view class="td" style="width:120rpx;"> </view>
 
            <view class="td" style="width:120rpx;"> </view>
 
            <view class="td" style="width:120rpx;"> </view>
 
            <view class="td" style="width:120rpx;"> </view>
 
            <view class="td" style="width:80rpx;"> </view>
 
        </view>
 
        <view class="tr">
 
            <view class="td" style="width:100%;text-align:left;">共:{{productList.length}}条记录</view>
 
        </view>
 
    </view>
 
</scroll-view>



在开发者工具下呈现正常,会自动拉高页面

在IOS真机下测试高度只有min-height的高度,不会自动拉高。



开发者模式下:




真机模式下:


最后一次编辑于  2018-08-22
回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容