BookerUI-Next 是一个基于 Vue3 + TypeScript 的 UI 组件库

Related tags

BookerUI-Next
Overview

BookerUI-Next 组件介绍

BookerUI-Next 是一个基于 Vue3 + TypeScript 的 UI 组件库,这是我在Vue3TypeScript 的项目过程中,开发的一个UI框架。

目前已开发完成DropDown下拉框Table 表格Loading 加载中Message 消息提示Modal 对话框Input 输入框Form 表单Uploading 上传等组件,本 UI 框架是一个「面向源码 (opens new window)阅读者」的框架,希望对你有所帮助。

如果你在使用过程中发现问题, 非常感谢你提出宝贵意见

注意:

本组件库仅供学习交流,请不要在生产环境中使用本 UI 框架。 欢迎讨论交流,如果你觉得还不错,请star

开始使用

  • 安装
npm i -D bookerui-next # 或 yarn i -D bookerui-next
  • 局部引入
import { DropDown, DropDownItem, AttrTable } from 'bookerui-next'
  • 文档

http://pand.club/bookerui-next/

变更记录

V1.0.0:

  • DropDown下拉框
  • Table 表格
  • Loading 加载中
  • Message 消息提示
  • Modal 对话框
  • Input 输入框
  • Form 表单
  • Uploading 上传

BookerUI-Next 官网介绍

使用 Vue 3 + Vue Router 4 制作了官网,参考ElementUI Plus 风格进行页面设计、和路由设计

官网支持代码预览和代码高亮

  • 安装
npm install
  • 启动服务
npm run serve

avatar

  • 打包
npm run build
  • lint and fix
npm run lint
Issues
Owner
Booker Drew
阿DU的前端📅
Booker Drew
🎨 基于 Vuejs 的 Canvas 组件库

vuc $$ 链接 Demo ??️ 中文文档 ??️ Install npm install --save vuc-input || vuc-carousel ||..... yarn add vuc-input || vuc-carousel || ...... Basic use // v

TCYong 48 Apr 14, 2021
🐛 Oruga is a lightweight library of UI components without CSS framework dependency

Oruga UI is like a caterpillar, minimal and yet functional. It's in your hands turning it into a butterfly ( ?? ) => ?? Oruga is a lightweight library

Oruga 346 Jun 3, 2021
:diamonds: A modular and customizable UI library based on Material Design and Vue

BalmUI Next Generation Material UI for Vue.js Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js. ?? NOW, balm-ui

BalmJS 169 Jun 11, 2021
NutUI 3 - 一套京东风格的轻量级移动端 Vue3组件库

轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

JDR Design FE 3.2k Jun 14, 2021
Most complete implementation of Spectre.css on Vue.js

A Lightweight, Simple and Responsive Component Framework Vectre is a set of lightweight, simple and responsive Vue components based on Spectre CSS Fea

null 55 Jun 8, 2021
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop

vueComponent 14.5k Jun 13, 2021
An emerging UI framework for Vue.js & Vue 3 with only the bright side. ☀️

Wave UI An emerging UI framework for Vue.js & Vue 3 with only the bright side. ☀️ Demo & Documentation antoniandre.github.io/wave-ui install npm i wav

Antoni 215 Jun 13, 2021
A Vue.js 3.0 UI Toolkit for Web.

Introduction A Vue.js 3.0 UI Toolkit for Web. Install npm install element3 -S Quick Start import { createApp } from 'vue' import App from './App.vue'

花果山前端团队 2.9k Jun 5, 2021
🐉 Material Component Framework for Vue

Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t

vuetify 31.1k Jun 14, 2021
Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.

Framevuerk Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js. Setup First of all, you shoul

null 252 Mar 27, 2021