打造个人 ui 库!!!

48 阅读1分钟

最近一直在学习设计模式,没有搞这个ui组件库了,下午寻思寻思写一个带有点功能的谈话框吧----dialog

先展示一下目录结构吧

​编辑

还是老三样 1.共享数据,2.js嫁接,3.vue组件样式

先看看vue组件样式

​编辑

也只是一个css 样式,和一些数据的渲染,以及功能的调用

​编辑

再看一下共享数据有哪些

​编辑

最重要的js嫁接 来了!

接下来咱们调用看看!!

​编辑

再看一眼效果图吧 

​编辑

 我都加了注释,这个插件也是简单的,没有像上一个写的很多自带的参数,比如,error,message啊什么的,这次写的比较简略,因为我准备筹办从头开始直接写库,不像现在一个插件一个插件的写了,考虑到一个公共方法和属性,所有下次更新也不知道什么时候了.

这次难点也,机会没有,还把插入dom节点的方法给简略了,不像上次那么难理解

最后呢...我写一个我的npm和github吧,毕竟忙乎了好几个小时呢(划水几个小时)

npm:www.npmjs:.com/package/zcq…

github:github.com/121949793/z…

每次上次Github 都是头疼 

还是那句话!

哪有问题大佬尽管提出,晚上(毕竟我也是打工人!)我会尽快查看更改的,