vannvan / ww-ui

基于Vue.js的UI框架搭建初体验,简洁明了的构建方案,参考iview及element组件结构搭建,最简单的组件库开发入门参考!👻

Home Page:https://ooooooooooooooooooooooo.ooo/ooooοооoοᴏοoοᴏοoοᴏooοᴏoᴏoᴏооoоᴏᴏoоᴏᴏοᴏοᴏοᴏοᴏoоᴏοοᴏοοοооοoоᴏоοоᴏоοоοοοᴏοoοоᴏoοооοοоοоοᴏоοoоᴏоοоoοοᴏooοᴏoo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

演示地址

ww-ui是一款基于vue.js 2.0的前端UI组件库,适用于PC网站中后台产品。

关于

此组件库的主要目的是为了了解如何从0到1实现一个组件库,虽然目前仅实现了8个组件,但其实已基本覆盖了开发一个Vue.js通用型组件的常用技巧和方法,通过自己造轮子以切身感受市面上主流UI框架在设计时的考量(当然此组件库的考量还远远达不到),但其实原理大相径庭。

曾尝试作为企业内部通用组件开发的“架子”,因此可以在此基础之上去完善更多的能力。

相比很多UI组件库海量的代码去了解实现过程而言,此组件库更能让你在短时间掌握这一项能力,再去看主流组件库的详细设计就比较简单了。

希望能够帮助到你!

特性

  • 组件**较易理解
  • 提供友好的API,使用灵活

开发

npm i --force 由于开发比较早了有些包比较旧会提示不兼容 npm start

.npmrc已注释,如有需要可开启taobao

使用

import Wui from 'wwui' // 引入组件库
import 'wwui/dist/styles/wwui.css'; // 引入样式库
Vue.use(Wui)

最后

如果对你有帮助欢迎点个激励的⭐️

About

基于Vue.js的UI框架搭建初体验,简洁明了的构建方案,参考iview及element组件结构搭建,最简单的组件库开发入门参考!👻

https://ooooooooooooooooooooooo.ooo/ooooοооoοᴏοoοᴏοoοᴏooοᴏoᴏoᴏооoоᴏᴏoоᴏᴏοᴏοᴏοᴏοᴏoоᴏοοᴏοοοооοoоᴏоοоᴏоοоοοοᴏοoοоᴏoοооοοоοоοᴏоοoоᴏоοоoοοᴏooοᴏoo


Languages

Language:CSS 39.8%Language:Vue 26.2%Language:JavaScript 24.7%Language:SCSS 7.2%Language:Less 2.0%Language:HTML 0.1%