2***@qq.com
2***@qq.com
  • 发布:2024-09-06 09:28
  • 更新:2024-09-06 10:46
  • 阅读:177

scroll-view组件下使用uni-swipe-action-item给右边插槽定义背景色会出现红边,这怎么解决

分类:uni-app
2024-09-06 09:28 负责人:无 分享
已邀请:
LGG233

LGG233 - others

看一下是不是自己写的样式影响到了

  • 2***@qq.com (作者)

    我这个是黑马的code没改过,我看了有这个红边 然后我自己写了新的代码,用到uni-swipe-action-item然后还是有这个问题

    2024-09-06 09:55

套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

刚试的官方代码,没发现有,应该还是自己的样式影响的或者你下载的别的代码样式影响的

<template>  
    <view>  
        <uni-swipe-action>  
            <uni-swipe-action-item :left-options="options2" :right-options="options2" :show="isOpened"  
                :auto-close="false" >  
                <view class="content-box">  
                    <text class="content-text">使用变量控制SwipeAction的开启状态</text>  
                </view>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                show: false,  
                isOpened: 'none',  
                options1: [{  
                    text: '取消置顶'  
                }],  
                options2: [{  
                        text: '取消',  
                        style: {  
                            backgroundColor: '#007aff'  
                        }  
                    },  
                    {  
                        text: '确认',  
                        style: {  
                            backgroundColor: '#F56C6C'  
                        }  
                    }  
                ],  
                swipeList: [{  
                        options: [{  
                            text: '添加',  
                            style: {  
                                backgroundColor: '#F56C6C'  
                            }  
                        }],  
                        id: 0,  
                        content: '左滑点击添加新增一条数据'  
                    },  
                    {  
                        id: 1,  
                        options: [{  
                                text: '置顶'  
                            },  
                            {  
                                text: '删除',  
                                style: {  
                                    backgroundColor: 'rgb(255,58,49)'  
                                }  
                            }  
                        ],  
                        content: 'item2'  
                    },  
                    {  
                        id: 2,  
                        options: [{  
                                text: '置顶'  
                            },  
                            {  
                                text: '标记为已读',  
                                style: {  
                                    backgroundColor: 'rgb(254,156,1)'  
                                }  
                            },  
                            {  
                                text: '删除',  
                                style: {  
                                    backgroundColor: 'rgb(255,58,49)'  
                                }  
                            }  
                        ],  
                        content: 'item3'  
                    }  
                ]  
            };  
        },  
        methods: {  

        },  
    };  
</script>

要回复问题请先登录注册