续集!打造属于你自己的UI组件库

距离上次发稿已经是距离19天了,最近一直在复习数据结构与算法,好久没有搞这个ui组件库了,下午寻思寻思写一个带有点功能的谈话框吧----dialog

先展示一下目录结构吧

 

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

先看看vue组件样式

 

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

 

再看一下共享数据有哪些

 

最重要的js嫁接 来了!

接下来咱们调用看看!!

再看一眼效果图吧 

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

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

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

npm:https://www.npmjs:.com/package/zcq-dialog

github:https://github.com/121949793/zcq-dialog

每次上次Github 都是头疼 

还是那句话!

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值