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,然后在这上面写上样式,循环也放到这上面,问题就完美解决啦!
本文来自博客园,作者:prince11,转载请注明原文链接:https://www.cnblogs.com/prince11/p/17807203.html