0.0.1 • Published 1 year ago
jiliui v0.0.1
jiliUI
- 基于 vue + tailwind 开发的组件库。
- 提供原子类和组件类,在非vue的前端项目(默认使用了tailwindcss)下也能使用
- css 导出为 tailwind 插件,可以接入 tailwind 的代码补全
如何配置
- tailwind
// tailwind.config.cjs
module.exports = {
content: [
],
theme: {
extend: {}
},
plugins: [
require('./packages/style.cjs')
]
}
在使用vue项目导入 vue 组件
// index.ts, 全局导入
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ui from 'jiliui'
createApp(App)
.use(ui)
.mount('#app')
<!-- 也可以局部导入 -->
<script setup lang="ts">
import {JTab} from 'jiliui'
</script>
<template>
<JTab
:tab-n="2"
class=" h-40"
>
<template #header-0>
水果1
</template>
<template #content-0>
ctx0
</template>
</JTab>
</template>