单位/单位

强大而灵活 第3节 组件和组件 香草CSS( 香草CSS) 样式库,最初为各种企业应用程序所开发.

专注于商业逻辑,而不是锅炉板.

到处玩

看看我们 德莫语 财务报告和审定财务报表 i️ 组件列表 现场演示沙盒.

读取文件

• i️ 设计托肯斯
• i️ CSS Bundling (英语)
• (一) 行动定义
• iQQ 进步网络应用
• iQQ 组件预装
• i️ 库预装
• iQQ Shell 自定义模式
• iQQ 创建 LX 插件
• i️ 指令
• * 表单
• QQ 颜色
• 图标
• · 乌蒂尔斯

获取

使用包子 :

bun add '@dativa-lv/lx-ui@latest'

使用 pnpm :

pnpm i '@dativa-lv/lx-ui@latest'

对于迁移提示参考 i️ 移徙指南

使用

用 Pinia 存储安装 :

import { createPinia } from 'pinia';
import { createLx } from '@dativa-lv/lx-ui';
import App from '@/App.vue';
…
const myApp = createApp(App);
myApp.use(createPinia());
myApp.use(createLx());
…

确保导入一个合适的 CSS 捆绑 主条目文件中的 main.js数字 :

import '@dativa-lv/lx-ui/dist/bundles/lx-bt-demo.css';

LX/UI 样式仅适用于具有下列特性的元素: .lx 课。 通常,这应该是应用程序根元素 :

<body class="lx">
  <div id="app"></div>
</body>

一个也可以将LX嵌入另一个应用程序,将其包入一个 .lx 元素

<div class="lx">
  <LxButton label="Click me" />
</div>

使用组件的最方便方法是在LxShell内部使用:

<template>
  <LxShell>
    <RouterView />
  </LxShell>
</template>

扩展

• lx/建造者 - 配套图书馆,内有用于视图、表格等的申报设计工具.

开发

bun install
bun run dev

更多信息,请访问 i️ 开发手册

虚拟插件

LX/UI现在包括了几个Vite插件来增强您的开发经验和应用程序安全性. 这些插件的设计是为了与您的基于Vite的项目无缝地融合.

关于现有插件及其使用情况的详细资料,请参见我们 iQQ 虚拟插件文档。 。 。 .