From 4e1cca0e3da79819fa3768402ce6a174aea5131f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 11 八月 2019 23:35:45 +0800
Subject: [PATCH] 2019-08-11
---
src/views/productCenter/index.vue | 39 +++++++++++++++++++++------------------
1 files changed, 21 insertions(+), 18 deletions(-)
diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 65ba394..b90593c 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -9,12 +9,12 @@
<div class="wrapper scene">
<div class="content_title"><span>搴旂敤鍦烘櫙</span></div>
<div class="content_scene">
- <span :class="h_index == 1 ? 'hover2' : 'scene'" @mouseover="h_index = 1" @mouseout="h_index = 0"><img src="../../img/p1.png" alt=""><span class="txt">渚涘簲鍟嗗崗鍚�</span></span>
- <span :class="h_index == 2 ? 'hover2' : 'scene'" @mouseover="h_index = 2" @mouseout="h_index = 0"><img src="../../img/p2.png" alt=""><span class="txt txt2">WMS<br />浠撳簱绠＄悊绯荤粺</span></span>
- <span :class="h_index == 3 ? 'hover2' : 'scene'" @mouseover="h_index = 3" @mouseout="h_index = 0"><img src="../../img/p3.png" alt=""><span class="txt txt2">QTS<br />璐ㄩ噺杩芥函绯荤粺</span></span>
- <span :class="h_index == 4 ? 'hover2' : 'scene'" @mouseover="h_index = 4" @mouseout="h_index = 0"><img src="../../img/p4.png" alt=""><span class="txt">缁忛攢鍟嗙鐞�</span></span>
- <span :class="h_index == 5 ? 'hover2' : 'scene'" @mouseover="h_index = 5" @mouseout="h_index = 0"><img src="../../img/p5.png" alt=""><span class="txt txt2">MES<br />鏅鸿兘鍒堕��</span></span>
- <span :class="h_index == 6 ? 'hover2' : 'scene'" @mouseover="h_index = 6" @mouseout="h_index = 0">
+ <span class="scene scene-img"><img src="../../img/p1.png" alt=""><span class="txt">渚涘簲鍟嗗崗鍚�</span></span>
+ <span class="scene scene-img"><img src="../../img/p2.png" alt=""><span class="txt txt2">WMS<br />浠撳簱绠＄悊绯荤粺</span></span>
+ <span class="scene scene-img"><img src="../../img/p3.png" alt=""><span class="txt txt2">QTS<br />璐ㄩ噺杩芥函绯荤粺</span></span>
+ <span class="scene scene-img"><img src="../../img/p4.png" alt=""><span class="txt">缁忛攢鍟嗙鐞�</span></span>
+ <span class="scene scene-img"><img src="../../img/p5.png" alt=""><span class="txt txt2">MES<br />鏅鸿兘鍒堕��</span></span>
+ <span class="scene scene-img">
<img src="../../img/jing.png" alt="" class="m_img"><span class="txt m_img">缁忛攢鍟嗙鐞�</span>
<img src="../../img/p6.png" alt="" class="p_img">
<span class="txt p_img" style="color: black;bottom: 0;">缁忛攢鍟嗙鐞�</span>
@@ -139,10 +139,10 @@
<script>
export default {
- data() {
- return {
- h_index: 0
- }
+ data () {
+ return {
+
+ }
}
}
</script>
@@ -167,7 +167,9 @@
}
.scene {
margin: 0 auto;
- position: relative;
+ position: relative;
+ cursor: pointer;
+
.txt {
position: absolute;
left: 1.16rem;
@@ -195,10 +197,14 @@
}
}
}
- .hover2 {
- cursor: pointer;
- transform: scale(1.2);
- z-index: 99999;
+ .scene-img {
+ z-index: 1;
+ transform: scale(1);
+ transition: all 0.5s;
+ }
+ .scene-img:hover {
+ transform: scale(1.1);
+ z-index: 10;
}
.center .skill {
.content_title {
@@ -301,9 +307,6 @@
}
}
@media (max-width: 750px) and (min-width: 0) {
- .hover2 {
- pointer-events: none;
- }
.joinBtnBox {
margin: 0.6rem auto 1rem;
}
--
Gitblit v1.8.0