更新记录

1.0.0（2026-01-08） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-swipe-celluni_modules版本的即可，无需import

组件关联说明

• xf-uview-plus;

代码演示

基本用法

• 使用组件代码如下：

<template>
    <view>
        <xf-swipe-cell v-model:show="show" :actions="actions">
            <view class="demo-swipe-cell__content">
                <text>单元格</text>
                <text style="color: #909399;">内容文案</text>
            </view>
        </xf-swipe-cell>
    </view>
</template>

<script setup lang="ts">
    import { ref } from 'vue';

    const show = ref(false);

    const actions = [{
        id: "delete",
        text: "删除",
        handler() {
            console.log(1111)
        }
    }]
</script>

<style lang="scss" scoped>
    .demo-swipe-cell__content {
        background-color: #ffffff;
        height: 54px;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 8px;
        margin-right: 8px;
    }
</style>

API

Props