uniapp -nvue 轮播图与背景图的淡入淡出效果
nvue页面虽然也提供了transition,也可以做淡入淡出效果,但是很麻烦,可以使用uni-transition组件进行配合使用。
上代码:
<template>
<view>
<view class="top-img-box">
<view class="img-box" >
<block v-for="(item,index) in imgbox" :key="index">
<uni-transition :mode-class="'fade'" :show="true" duration="1000" v-if="index==current" >
<image :src="realimg" mode="aspectFill" class="img"></image>
</uni-transition>
<