更新记录

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

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-list-action-baruni_modules版本的即可，无需import

组件关联说明

• xf-button;
• xf-tooltip;

代码演示

基本用法

• 使用组件代码如下：

<template>
    <view style="padding: 20px; background-color: #FFF" class="xf-col">
        <text>标题</text>
        <text>这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容</text>
        <xf-list-action-bar :actions="actions" :visibleLimit="3"></xf-list-action-bar>
    </view>
</template>

<script setup lang="ts">

    const actions: XfListActionBarAction[] = [
        {
            id: 'view',
            text: '查看',
            handler() {
                console.log('查看')
            }
        },
        {
            id: 'edit',
            text: '编辑',
            handler() {
                console.log('编辑')
            }
        },
        {
            id: 'delete',
            text: '删除',
            handler() {
                console.log('删除')
            }
        },
        {
            id: 'history',
            text: '历史',
            handler() {
                console.log('历史')
            }
        }
    ]
</script>

<style lang="scss">
 .main{

 }
</style>

API

Props