Skip to content

背景渐变组件

支持图片、颜色之间的动态过渡切换,支持设置过渡时间。

效果预览

属性

transitionTime 设置图片切换的过渡时间

点击查看源码
html
 <img-transition ref="transBg" 
   :transitionTime='500'
   style="width:1920px; height:1080px; position: absolute; top:120px"/>

方法

setNextImage 设置图片url
setNextColor 设置颜色,支持number和十六进制字符串

点击查看源码
js
this.$refs.transBg.setNextImage('http://fitimg.fangtangtv.com/tab/tab1block1-4bg1.jpg');
this.$refs.transBg.setNextColor('#AC78F5');
this.$refs.transBg.setNextColor(-12303292);