uni-swipe-action的使用和样式问题

<uni-swipe-action>
            <view v-for="(item,index) in noticeList" :key="item.id" style="margin-top: 30upx;">
                <uni-swipe-action-item class="swipe-action-item" :right-options="options" @click="bindClick(item.id)">
                    <view class="list-box" @click.stop="handelToDetail(item.id)">
                        <view class="list-item-left">
                            <image src="../../../static/informationCollection/icon_fangwu@2x.png"></image>
                        </view>
                        <view class="list-item-middle">
                            <view class="louyu-title">{{item.userType}}</view>
                        </view>
                        <view class="list-item-right">
                            <image src="../../../static/right-arrow.png"></image>
                        </view>
                        <view class="clear"></view>
                    </view>
                </uni-swipe-action-item>
            </view>
        </uni-swipe-action>

 

uni-swipe-action-item里面盒子是组件里面所包括的内容，但是一旦中间的盒子有上边距或者下边距，那么它左滑或者右滑的时候就会有样式问题，

组件左滑删除或者是确认还是原来的位置没有上边距或下边距，此时就需要在uni-swipe-action-item外面套一层view，然后在这上面写上样式，循环也放到这上面，问题就完美解决啦！