轴坐标
closeOnClickModal 是否可以通过点击遮罩层关闭内容设计思路/亮点
使用了vue3的新特性teleport,这个组件的作用是把里面的内容插入到指定的节点当中,我这里是插入在body...,不是我写的♂️♂️♂️
属性
dialogVisible 是否展示弹窗
title 标题
width 宽度
top 距离顶部的位置设计思路/亮点
和遮罩层绑定同一个值,可以在关闭弹窗的同时关闭遮罩层...,并且移动一个身位,通过传入的类型属性来绑定class达成不同颜色的效果
使用的时候可以传入一个配置对象,或者一个字符串,如果是字符串最终还是会转换为对象
使用fixed定位,距离顶部的偏移量通过message...的数量来计算,所有的message存放在一个数组中,新增和移除一条message的时候就相应的操作数组,再根据 数组的长度 * 一个固定的高度 ,就可以算出每一条message的偏移量
给实例添加一个销毁的方法...');
// 把实例渲染到容器里
render(vnode, container);
// 将渲染后的结果 放到body上
// 因为会多一个div 所以插入第一个孩子
// 为什么不直接放到