从今年开始写写博客~~

截止至 饿了么 Element Plus 2.8.1版本的组件库，color picker组件不支持自定义颜色选择弹窗里的按钮！只好另辟蹊径解决这个问题。

第一步 设置渐变颜色background: linear-gradient(278.83deg, #5022bd 31.42%, #8636d1 75.55%); // 先设置渐变色背景；第二步 设置颜色的使用范围background-clip: text; // 背景被裁剪成文字的前景色。-webkit-background-clip: text;第三步 将文字颜色设置为透明，这样即可暴露出文字的渐变色背景；color: transparent;// 如果你的需求不涉及切换字体颜色可

自定义、定制鼠标光标指针样式！除了浏览器提供的鼠标样式，我们还可以借助 cursor: url() 的特性，即可实现定制自己的鼠标样式！​cursor 属性为零个或多个值，多个url()的时候它们之间用逗号分隔，最后必填一个cursor的关键字值。每个指向一个图像文件。浏览器将尝试加载指定的第一个图像，如果无法加载则继续加载下一个图像，如果都无法加载图像或未指定图像，则使用关键字值代表的指针类型。每个后面都可选跟一对空格分隔的数字表示偏移。它们用来设置指针的热

除了浏览器提供的鼠标样式，我们还可以借助 cursor: url() 的特性，即可实现定制自己的鼠标样式！/* 使用 URL，并提供一个关键字值作为备用 *//* URL 和 xy 的坐标偏移值，最后提供一个关键字值作为备用 */cursor 属性为零个或多个值，它们之间用逗号分隔，最后必填一个关键字值。每个指向一个图像文件。浏览器将尝试加载指定的第一个图像，如果无法加载则返回下一个图像，如果无法加载图像或未指定图像，则使用关键字值代表的指针类型。

【代码】【vue3】按钮点击涟漪特效 - 指令封装。之前做的angualr项目封装的涟漪特效指令，现在改为vue3写法。（因为迁移过来的，只做了最小的改动供vue3使用）

>>>,/deep/,:deep(),vue2/3 修改组件库、子组件样式.涉及到异步组件加载了对应全局样式，又访问了其他页面，选择器相同时则会出现样式不以你预想的情况出现！有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。vue3 文档只写了 :deep() 这一个API案例，为了统一风格和提高规范，建议按照v3文档 使用 :deep()

<style scoped>,深度选择器,插槽选择器,全局选择器,混合使用局部与全局样式,状态驱动的动态 CSS : v-bind(),<style module>,修改组件库样式,处于 scoped 样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用 :deep() 这个伪类,当<style>标签带有 `scoped`attribute 的时候，它的CSS只会应用到当前组件的元素上。子组件的根元素：子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响。