day-ui

基于 Vue3 的组件库，样式借用 element-plus 的，用于学习使用

安装

npm install -S day-ui

引入

import DayUI from 'day-ui'
import 'day-ui/lib/style/index.css'

createApp(App).use(DayUI)

按需加载(文章学习中有操作问题讲解)

使用 babel-plugin-import

// babel.config.js
...
plugins: [
  [
    "import",
    {
      libraryName: 'day-ui',
      customStyleName: (name) => {
        return `day-ui/lib/style/${name}.css`;
      },
    },
  ],
]

在 main.ts 中引入

import { DIcon, DButton} from "day-ui";

createApp(App)
  .use(DButton)
  .use(DIcon)
  .mount("#app");

用法可查看 example 目录

文档地址

文章学习

掘金 腾讯云社区

联系作者