Naive组件-table列表渲染时，内容要渲染多个值且包含图标

合集 - Naive组件(3)

1.Naive组件-表单的验证 只验证表单的部分规则 单项校验某个表单项2024-06-202.Naive组件-基础模态框带表单正则校验；父传子/子传父2024-06-19

3.Naive组件-table列表渲染时，内容要渲染多个值且包含图标2024-05-21

收起

    {
        title: $t('fileName'),
        key: 'name',
        width: 180,
        align: 'left',
        fixed: 'left',
        render(row) {
            return h('div', { style: { display: 'flex', alignItems: 'center', cursor: 'pointer' } }, [
                h('span', { style: { color: '#ccc' } }, { default: () => row.nameShort }),
                h('span', { style: { width: '12px' } }, { default: () => null }),
                h(NIcon, { size: 28 }, { default: () => h(FolderOpenOutline) }),
                h('span', { style: { width: '6px' } }, { default: () => null }),
                h('span', null, { default: () => row.name }),
            ]);
        },
    },