uni-app 小程序实现scroll-view 横向滑动效果的坑

最大盒子要100%高度,scroll-view的宽度不能设置固定宽度;

     <scroll-view class="bottomBox" scroll-x="true" @scroll="scroll">
                <view @click="go(i)" class="commodity" v-for="(item,i) in list" :key="i">
                        {{item.title}}
                </view>
        </scroll-view>

list: [{
                                                id: 1,
                                                title: "111"
                                        }, {
                                                id: 2,
                                                title: "2222"
                                        }, {
                                                id: 3,
                                                title: "3333"
                                        }, {
                                                id: 4,
                                                title: "3333"
                                        },
                                        {
                                                id: 5,
                                                title: "3333"
                                        },
                                ],

.bottomBox {
                        width: 100%; // 一定不能给固定宽度,会失效
                        height: 100%;
                        background-color: aqua;
                        white-space: nowrap; //这个属性一定要添加
                        padding: 20upx;

                        .commodity {
                                display: inline-block;//这个也是一定要添加的
                                width: 196upx;
                                height: 360upx;
                                margin-right: 11upx;
                                background-color: pink;
                        }
                }