MUI滚动组件-scroll 横向滚动图片一半解决办法

<div 
    class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
    style="height: 400px;"
>
    <div class="mui-scroll" style="top: 0;">
        <ul>
            <li style="display: inline-block;  width:200px">
                <p>1室</p>
                <img width="100%" src="../images/11.jpg"/>
            </li>
            <li style="display: inline-block; width:200px">
                <img width="100%" src="../images/11.jpg"/>
            </li>
        </ul>
     </div>
</div>

横向图片只显示一半，须将mui-segmented-control-inverted该div设置一定的高度，以及mui-scroll top设置0即可

另外一个需要注意的是，横向滚动里的内必须要设置为display: inline-block;写浮动是没有效果的