核心文件只有 components/wave/wave.tscomponents/wave/wave.css

只要在想添加波纹效果的元素上添加 goc-wave 属性即可

波纹颜色获取逻辑, 只要命中了就返回:

  1. border-top-color
  2. border-color
  3. background-color

注意:

自闭合标签是不支持的,如 <input type="text" goc-wave> ,因为自闭合标签没有子元素,无法插入波纹元素

示例:

示例:背景色

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem at dolorem repellendus qui maiores cum! Maiores officiis odio necessitatibus animi sequi! Quae, quasi porro nemo enim illum veritatis autem eaque!

示例:边框色

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem at dolorem repellendus qui maiores cum! Maiores officiis odio necessitatibus animi sequi! Quae, quasi porro nemo enim illum veritatis autem eaque!