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

发布时间 2023-11-03 11:26:08作者: prince11

<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,然后在这上面写上样式,循环也放到这上面,问题就完美解决啦!