炫酷的图片轮播
通过3D翻转效果,实现图片轮播
<template>
<div id="carousel">
<div class="block">
<img v-for="item in img" :key="item" :src="item" :style="styleVar">
</div>
<ul>
<li @click="a" :class="{active: index == 0}"></li>
<li @click="b" :class="{active: index == 1}"></li>
<li @click="c" :class="{active: index == 2}"></li>
<li @click="d" :class="{active: index == 3}"></li>
</ul>