安装
npm install light-wrap --save
说明
公司内部业务组件,可在页面中实现动态光效。
参数
underLineColor:动态光线下的横线颜色,字符串为类型,默认值#314d7a,传transparent不可见
onlyLight:只展示光线,类型为Boolean
name:标签名,类型为字符串,require:true
eName:光线下的小英文名,类型为字符型,非必填项
id:必填
delayTime:光线延时加载时间,类型为Number,默认值1000毫秒
reverse:光线反向加载,类型为Boolean,默认false
selectData:[{value:'xx1',label:'xx1'},{value:'xx2',label:'xx2'}]
hideLight:隐藏光线,类型为Boolean,默认false
example
需要在vue中先注册组件,页面需要展示的内容可以以插槽的形式嵌在组件中,组件加载后会自动设置根元素html的font-size,如果项目中已设置该值,组件会有一些样式的错乱,可把项目中的设为和该组件同一标准,或者重写组件样式。
import LightWrap from "light-wrap";
<light-wrap name="营收分析" eName="Revenue Analysis" id="saleLight"><div slot="content">your content</div></light-wrap>