0.0.1 • Published 1 year ago

jiliui v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

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>
0.0.1

1 year ago

0.0.0

1 year ago