Bitrix24 用户界面
Bitrix24 用于用 Nuxt & Vue 构建 REST- API 网络应用程序的 UI Kit
查找更多细节 文档
文档
访问 https://bitrix24.github.io/b24ui/ (中文(简体) ) 以探索文档.
安装
pnpm add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcss
yarn add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcss
npm install @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcss
bun add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcss
坚果
- 在您中添加 Bitrix24 用户界面模块
nuxt.config.ts数字 :
export default defineNuxtConfig({
modules: ['@bitrix24/b24ui-nuxt'],
css: ['~/assets/css/main.css']
})
- 在您的 CSS 中导入 Tailwind CSS 和 Bitrix24 UI :
@import "tailwindcss";
@import "@bitrix24/b24ui-nuxt";
学习更多在 安装指南。 。 。 .
阴道
- 在您中添加 Bitrix24 用户界面插件
vite.config.ts数字 :
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import bitrix24UIPluginVite from '@bitrix24/b24ui-nuxt/vite'
export default defineConfig({
plugins: [
vue(),
bitrix24UIPluginVite()
]
})
- 使用您的 Bitrix24 用户界面插件
main.ts数字 :
import './assets/css/main.css'
import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import b24UiPlugin from '@bitrix24/b24ui-nuxt/vue-plugin'
import App from './App.vue'
const app = createApp(App)
const router = createRouter({
routes: [],
history: createWebHistory()
})
app.use(router)
app.use(b24UiPlugin)
app.mount('#app')
- 在您的 CSS 中导入 Tailwind CSS 和 Bitrix24 UI :
@import "tailwindcss";
@import "@bitrix24/b24ui-nuxt";
学习更多在 安装指南。 。 。 .
捐款
谢谢你考虑为Bitrix24UI捐款. 以下是你能参与的几种方式:
- 警卫:发现弱点? 私下报告 ——不通过以下表格. 警卫 说什么重要.
- 报告错误数字 : 打开错误报告表格要求复制,这是决定是否可以对报告采取行动的领域 报告错误。 。 。 .
- 建议数字 : 打开特性请求。有什么想法来增强Bitrix24 UI? 我们很想听到他们.
- 代码数字 : 捐款额 是地图——设置,深潜水向导,以及CI期望的拉取请求. 这个 捐款指南 在文件网址上,数据库可以运行.
[TIP] 我们通过
AGENTS.md帮助您为 Bitrix24 UI 做出贡献。 所有AI编码代理人和指南通过组件结构、主题模式、测试公约和文献指南自动进行检索.