奇怪的Scrollview 问题
发布于 7 年前 作者 oxia 11821 次浏览 来自 问答

模拟器上可以正常运行,上下左右都能滑动的表格子,可是iPhone上就是看不到,只显示第一行,求帮助,谢谢

//index.wxml

<!–tab–>

<scroll-view style=‘width: 2518rpx; height: 1000rpx; display: block;’ scroll-x scroll-y>

<view class=“table”>

    <view class=“tr”>

    <block wx:for="{{35}}">

        <block wx:if="{{item ==0}}">

            <view class=“th” style=‘width: 120rpx;’>期号</view>

        </block>

        <block wx:elif="{{item >=1 && item <=33}}">

            <view class=“th”>{{item}}</view>

        </block>

        <block wx:elif="{{item == 34}}">

            <view class=“th” style=‘width: 120rpx’>操作</view>

        </block>

    </block>

    <block wx:for="{{itemlist}}">

    <view class=“th” style=‘width: 120rpx’>{{2018078}}</view>

    <block wx:for="{{33}}" wx:key=“item”>

        <view class=“td”>{{item}}</view>

    </block>

    <view class=“td” style=‘width: 120rpx’>组合</view>

    </block>

</view>

</view>

</scroll-view>

</view>

//index.wxss

.table {

border:1px solid #dadada;

border-right: 0;

border-bottom: 0;

width: 98%;

font-size: small;

display: flex;

flex-direction: row;

}


.tr {

width: 100%;

height: 100%;

justify-content: space-between;

display: inline-block;

flex-wrap: wrap;

}


.th {

padding: 15rpx 15rpx 15rpx 15rpx;

border-bottom: 1px solid #dadada;

border-right: 1px solid #dadada;

text-align: center;

vertical-align: center;

width: 36rpx;

height: 36rpx;

display: inline-block;

font-weight: 400;

background-color: #d81919

}

.td {

padding: 15rpx 15rpx 15rpx 15rpx;

border-bottom: 1px solid #dadada;

border-right: 1px solid #dadada;

text-align: center;

vertical-align: center;

width: 36rpx;

height: 36rpx;

display: inline-block;

}

2 回复

你好,请使用代码片段功能提供简短的可复现问题的代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html ,以及出现问题的手机型号以及微信版本

上面的描述和代码还不清楚吗?麻烦看一下上面还需要什么,所有的机型都有这个问题。

回到顶部