From 7ab906c6c29886ac88cddc0b8dbfcbf4fc1364ad Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 27 八月 2019 11:21:36 +0800
Subject: [PATCH] 2019-08-27update
---
src/views/index/index.vue | 69 ++++++++++++++++------------------
1 files changed, 33 insertions(+), 36 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index a04fe45..ac6fe3e 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -28,13 +28,21 @@
<p v-text="item.bTitle1"></p>
</div>
</div>
- <a class="see-detail" href="/caseDetail" style="color: #14A9E5;">浜嗚В璇︽儏 >></a>
+ <a class="see-detail" href="javascript:;" @click="jumpmenu(business)" style="color: #14A9E5;">浜嗚В璇︽儏 >></a>
</div>
<div class="wrapper">
<ul class="business_ul">
- <router-link tag="li" to="/caseDetail" v-for="(business, index) in mainBusiness" :key="index" class="fadeInUp" v-drag>
- <router-link tag="div" class="business_box pulse" :key="index" to="/caseDetail">
+ <li v-for="(business, index) in mainBusiness" :key="index">
+ <div class="business">
+ <h3>
+ <img :src="business.Image1" alt="">
+ </h3>
+ <h2><a style="text-decoration: none;" v-text="business.Title1"></a></h2>
+ <p v-text="business.CDefine1"></p>
+ <p v-text="business.CDefine2"></p>
+ </div>
+ <div class="business_box pulse" :key="index">
<div class="business_box_t" :style="'background-image: url(' + business.Image1 + ')'">
<div class="bgopacity"></div>
<h2 v-text="business.Title2"></h2>
@@ -56,22 +64,11 @@
</div>
</li>
</ul>
- <div class="loadMoreBtn">
- <el-button>鏌ョ湅鏇村</el-button>
- </div>
<div class="particulars">
- <a href="/caseDetail">浜嗚В璇︽儏 >></a>
+ <a href="javascript:;" style="cursor:pointer;" @click="jumpmenu(business)">浜嗚В璇︽儏 >></a>
</div>
- </router-link>
- <div class="business">
- <h3>
- <img :src="business.Image1" alt="">
- </h3>
- <h2><a style="text-decoration: none;" v-text="business.Title1"></a></h2>
- <p v-text="business.CDefine1"></p>
- <p v-text="business.CDefine2"></p>
</div>
- </router-link>
+ </li>
</ul>
</div>
</div>
@@ -137,8 +134,8 @@
<div class="top" :style="'background-image: url(' + _case.Image1 + ')'"></div>
<div class="bottom">
<div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div>
- <img :src="_case.Image2" @click="jump('successCaseIndex')" alt="" style="max-width: 2.5rem;max-height: 0.8rem;">
- <div style="position: absolute; right: 0.5rem;bottom: 0rem;" @click="jump('successCase')">
+ <img :src="_case.Image2" alt="" style="max-width: 2.5rem;max-height: 0.8rem;">
+ <div style="position: absolute; right: 0.5rem;bottom: 0rem;" @click="jumpmenu(_case)">
<img src="../../img/zhong5.png" alt="" style="width: 2rem;">
<img src="../../img/zhong6.png" alt="" style="width: 0.35rem;position: absolute;top: 0.08rem;right: 0.15rem;">
<span style="position: absolute;top: 0.11rem;left: 0.4rem;font-size: 0.24rem;">浜嗚В鏇村</span>
@@ -155,8 +152,8 @@
<div class="left" :style="'background-image: url(' + _case.Image1 + ')'"></div>
<div class="right">
<div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div>
- <img :src="_case.Image2" @click="jump('successCaseIndex')" alt="" style="margin-right: 0.45rem;cursor: pointer;">
- <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')">
+ <img :src="_case.Image2" alt="" style="margin-right: 0.45rem;">
+ <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jumpmenu(_case)">
<img src="../../img/zhong5.png" alt="">
<img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;left: 1.4rem;">
<span style="position: absolute;top: 0.12rem;left: 0.45rem;font-size: 0.18rem;">浜嗚В鏇村</span>
@@ -173,7 +170,7 @@
<div class="m_hide" style="height: 0.5rem;"></div>
<div class="wrapper">
<ul class="dynamic_ul">
- <router-link to="/dynamicDetail" tag="li" v-for="item in news" :key="item.ID">
+ <li v-for="item in news" :key="item.ID" @click="jumpmenu(item)">
<div style="cursor: pointer;">
<h3 class="h33">
<img :src="item.Image1" alt="">
@@ -187,7 +184,7 @@
<p v-text="item.Remark"></p>
</div>
</div>
- </router-link>
+ </li>
</ul>
</div>
</div>
@@ -209,8 +206,10 @@
}
},
methods:{
- jump (u) {
- this.$router.push(u)
+ jumpmenu (menu) {
+ if (!menu.PageType || !menu.ID) return
+ let menuId = menu.LinkID || menu.ID
+ this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menuId}})
},
load () {
this.Service.getBaseData('Web_Index_GetData').then(res => {
@@ -590,10 +589,6 @@
}
}
- .business_ul li {
- margin-top: 0.3rem;
- }
-
.business_box_b {
width: 100%;
overflow: hidden;
@@ -792,13 +787,13 @@
transition: all 0.7s;
.pulse {
- width: 85%;
+ position: relative;
+ width: 86%;
margin: 0 auto;
- opacity: 0;
+ z-index: 0;
}
.business {
position: absolute;
- opacity: 1;
top: .1rem;
left: .3rem;
width: 85%;
@@ -836,12 +831,14 @@
.business_ul > li:hover {
transform: scale(1.1);
z-index: 1000;
- .business {
- z-index: -1;
- opacity: 0;
- }
+ // .business {
+ // z-index: 0;
+ // opacity: 0;
+ // display: none;
+ // }
.pulse {
- opacity: 1;
+ display: block;
+ z-index: 1010;
}
}
.business_box {
--
Gitblit v1.8.0