|
@@ -7,8 +7,8 @@
|
|
|
class="swiper-container"
|
|
|
@mouseenter="handleEnter" @mouseleave="handleLeave"
|
|
|
>
|
|
|
- <div class="swiper-button-next button"><Array /></div>
|
|
|
- <div class="swiper-button-prev button"><Array /></div>
|
|
|
+ <div class="swiper-button-next button"><Array class="default" /><ArrayHover class="hoverIn" /></div>
|
|
|
+ <div class="swiper-button-prev button"><Array class="default" /><ArrayHover class="hoverIn" /></div>
|
|
|
<div class="swiper-wrapper">
|
|
|
<div v-for="(item, index) in solution" :key="index" class="swiper-slide">
|
|
|
<div class="solution" :class="item.classObject">
|
|
@@ -31,13 +31,15 @@
|
|
|
<script>
|
|
|
import { directive } from 'vue-awesome-swiper'
|
|
|
import Array from '~/assets/images/PDFReaderPro/array.svg?inline'
|
|
|
+import ArrayHover from '~/assets/images/PDFReaderPro/arrayHover.svg?inline'
|
|
|
|
|
|
export default {
|
|
|
directives: {
|
|
|
swiper: directive
|
|
|
},
|
|
|
components: {
|
|
|
- Array
|
|
|
+ Array,
|
|
|
+ ArrayHover
|
|
|
},
|
|
|
props: ['platform'],
|
|
|
data() {
|
|
@@ -165,14 +167,31 @@ export default {
|
|
|
position: absolute;
|
|
|
z-index: 2;
|
|
|
bottom: 293px;
|
|
|
+ .hoverIn {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ .default {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .hoverIn {
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.swiper-button-prev {
|
|
|
left: 112px;
|
|
|
- transform: rotate(180deg) translateY(50%);
|
|
|
+ transform: translateY(-50%);
|
|
|
+ &:hover{
|
|
|
+ transform: rotate(180deg) translateY(50%);
|
|
|
+ }
|
|
|
}
|
|
|
.swiper-button-next {
|
|
|
right: 112px;
|
|
|
- transform: translateY(-50%);
|
|
|
+ transform: rotate(180deg) translateY(50%);
|
|
|
+ &:hover {
|
|
|
+ transform: rotate(0deg) translateY(-50%);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
div.wrapper-tools {
|