<!-- 圖片展示 -->

<scroll-view scroll-x="true" style=" width: 100%;height: 100%;white-space: nowrap;">

       <view style='display: inline-block;' wx:for='{{viewPath}}' wx:key='{{item}}'>

            <image src='{{item}}' bindtap='bigimg'></image>

            <i class='iconfont icon-ai54' bindtap='delimg'></i>

        </view>

</scroll-view>
 

效果如下 圖片多了就橫向滾動

注意：1、scroll-view scroll-x="true" style=" width: 100%;white-space: nowrap;"這些是必須要有的樣式

           2、子元素 一定要加這個樣式 style='display: inline-block;'