安装

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>