Skip to content

img-transition

实现背景的动画渐变效果。

属性

参数描述类型
transitionTime过渡的时间,单位毫秒int
fullQuality是否使用高质量图片boolean

方法

  • setNextImage(string) 过渡到图片(Uri)
  • setNextColor(string) 过渡到颜色(Color)

示例:

点击查看源码
html
 <img-transition ref="bg" style="width:1920px; height:1080px;" 
 :transitionTime=1000 />
点击查看源码
js
 this.$refs.bg.setNextImage('http://fitimg.fangtangtv.com/tab/tab1block1-1bg.jpg');
 this.$refs.bg.setNextColor('#5309F0');
 this.$refs.bg.setNextColor(0); // 透明