|
|
@ -1,6 +1,5 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div style="position: relative">
|
|
|
|
<div style="position: relative">
|
|
|
|
<transition name="zoom">
|
|
|
|
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="cover"
|
|
|
|
class="cover"
|
|
|
|
@mouseover="focus = true"
|
|
|
|
@mouseover="focus = true"
|
|
|
@ -21,7 +20,6 @@
|
|
|
|
<svg-icon icon-class="play" />
|
|
|
|
<svg-icon icon-class="play" />
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</transition>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<transition name="fade" v-if="hoverEffect">
|
|
|
|
<transition name="fade" v-if="hoverEffect">
|
|
|
|
<img class="shadow" v-show="focus" :src="url" :style="shadowStyle"
|
|
|
|
<img class="shadow" v-show="focus" :src="url" :style="shadowStyle"
|
|
|
|