张延森 6 anni fa
parent
commit
478c13b8ae

+ 7
- 5
src/components/commonComponents/headerTab.vue Vedi File

@@ -105,11 +105,11 @@ export default {
105 105
       this.nowPath = this.$route.path;
106 106
       if (this.nowPath == "/") {
107 107
         this.activeIndex = "1";
108
-      } else if (this.nowPath == "/solution") {
108
+      } else if (this.nowPath.match('\/solution')) {
109 109
         this.activeIndex = "2";
110
-      } else if (this.nowPath == "/productCenter") {
110
+      } else if (this.nowPath.match('\/productCenter')) {
111 111
         this.activeIndex = "3";
112
-      } else if (this.nowPath == "/newsInformation") {
112
+      } else if (this.nowPath.match('\/newsInformation')) {
113 113
         this.activeIndex = "4";
114 114
       } else {
115 115
         this.activeIndex = "5";
@@ -222,8 +222,10 @@ export default {
222 222
   position: relative;
223 223
 }
224 224
 .sub-nav-menu{
225
-  
226
-  
225
+  width: 50%;
226
+  min-width: 700px;
227
+  float: right;
228
+  margin-right: 10%;
227 229
 }
228 230
 .section{
229 231
   display: flex;

+ 4
- 6
src/components/navicard/index.vue Vedi File

@@ -6,7 +6,7 @@
6 6
       <div>{{title}}</div>
7 7
     </div>
8 8
     <div class="body">
9
-      <div v-for="(item, index) in items" :key="index" @click="clickItem(item, index)" :class="{'item-active': itemActive == index }">
9
+      <div v-for="(item, index) in items" :key="index" @click="clickItem(item, index)" :class="{'item-active': active - 1 == index }">
10 10
         <img v-if="active" :src="item.icon" alt="">
11 11
         <div >{{ item.text }}</div>
12 12
       </div>
@@ -21,22 +21,20 @@ export default {
21 21
     'id',
22 22
     'title',
23 23
     'items',
24
-    'active'
24
+    'active',
25 25
   ],
26 26
   data () {
27 27
     return {
28
-      itemActive: -1,
29 28
     }
30 29
   },
31 30
   mounted() {
32 31
   },
33 32
   methods: {
34 33
     clickCard() {
35
-      this.$emit('update:active', true)
34
+      this.$emit('update:active', 99)
36 35
     },
37 36
     clickItem(item, index) {
38
-      this.itemActive = index
39
-      this.$emit('update:active', true)
37
+      this.$emit('update:active', index)
40 38
       this.$emit('click', item)
41 39
     }
42 40
   }

+ 1
- 1
src/components/pages/productCenter/AIwelcome.vue Vedi File

@@ -18,7 +18,7 @@
18 18
           </div>
19 19
         </div>
20 20
       </div>
21
-      <prod-navi class="nav" default="case"></prod-navi>
21
+      <prod-navi class="nav" default="case-1"></prod-navi>
22 22
       <!-- <div class="product_bar">
23 23
         <el-menu :default-active="activeIndex2" class="el-menu-demo"  @select="handleSelect" background-color="rgba(0,0,0,0)" text-color="#999999" active-text-color="#000000">
24 24
           <el-menu-item index="1" class="item1"  background-color="#fff">

+ 1
- 1
src/components/pages/productCenter/bigscreen.vue Vedi File

@@ -19,7 +19,7 @@
19 19
           </div>
20 20
         </div>
21 21
       </div>
22
-      <prod-navi class="nav" default="case"></prod-navi>
22
+      <prod-navi class="nav" default="case-2"></prod-navi>
23 23
     </div>
24 24
 
25 25
     <div class="secondHouse-middle">

+ 1
- 1
src/components/pages/productCenter/city.vue Vedi File

@@ -21,7 +21,7 @@
21 21
         </div>
22 22
       </div>
23 23
 
24
-      <prod-navi class="nav" default="community"></prod-navi>
24
+      <prod-navi class="nav" default="community-2"></prod-navi>
25 25
     </div>
26 26
 
27 27
     <div class="city_content">

+ 1
- 1
src/components/pages/productCenter/community.vue Vedi File

@@ -22,7 +22,7 @@
22 22
           </div>
23 23
         </div>
24 24
       </div>
25
-      <prod-navi class="nav" default="community"></prod-navi>
25
+      <prod-navi class="nav" default="community-1"></prod-navi>
26 26
     </div>
27 27
 
28 28
     <div class="community">

+ 1
- 1
src/components/pages/productCenter/micro.vue Vedi File

@@ -17,7 +17,7 @@
17 17
         </div>
18 18
       </div>
19 19
       
20
-      <prod-navi class="nav" default="case"></prod-navi>
20
+      <prod-navi class="nav" default="case-4"></prod-navi>
21 21
     </div>
22 22
 
23 23
     <div class="secondHouse-middle">

+ 1
- 30
src/components/pages/productCenter/online.vue Vedi File

@@ -16,36 +16,7 @@
16 16
             </div>
17 17
           </div>
18 18
         </div>
19
-
20
-        <prod-navi class="nav" default="product"></prod-navi>
21
-        <!-- <div class="product_bar">
22
-        <el-menu :default-active="activeIndex2" class="el-menu-demo"  @select="handleSelect" background-color="rgba(0,0,0,0)" text-color="#999999" active-text-color="#000000">
23
-          <el-menu-item index="1" class="item1"  background-color="#fff">
24
-            <div class="order">
25
-              <div class="blue_bar"></div>
26
-              <div class="product-order">产品订制</div>
27
-              <div class="order_bot">
28
-                <div class="order_bot_online">
29
-                  <img src="../../../assets/image/logoicon/shape.png" alt="">
30
-                 
31
-                  <span>全渠道在线平台</span>
32
-                </div>
33
-                <div class="order_bot_secondHandHouse">
34
-                  <img src="../../../assets/image/logoicon/huijulogo.png" alt="">
35
-                  
36
-                  <span>二手房管理平台</span>
37
-                </div>
38
-              </div>
39
-            </div>
40
-          </el-menu-item>
41
-          <el-menu-item index="2" class="item2">
42
-            智慧案场
43
-          </el-menu-item>
44
-          <el-menu-item index="3" class="item3">
45
-            智慧社区
46
-          </el-menu-item>
47
-        </el-menu>
48
-        </div>-->
19
+        <prod-navi class="nav" default="product-1"></prod-navi>
49 20
       </div>
50 21
     </div>
51 22
     <div class="online_middle">

+ 10
- 25
src/components/pages/productCenter/prodNavi.vue Vedi File

@@ -19,12 +19,6 @@ export default {
19 19
   ],
20 20
   data () {
21 21
     return {
22
-      activeCard: {
23
-        product: false,
24
-        case: false,
25
-        community: false,
26
-        [`${this.default}`]: true,
27
-      },
28 22
       productOrder: {
29 23
         id: 'product',
30 24
         title:  '产品订制',
@@ -85,27 +79,18 @@ export default {
85 79
       },
86 80
     }
87 81
   },
88
-  watch: {
89
-    ['activeCard.product'] (nw, od) {
90
-      if (nw && !od) {
91
-        this.activeCard.case = this.activeCard.community = false
92
-      }
93
-    },
94
-    ['activeCard.case'] (nw, od) {
95
-      if (nw && !od) {
96
-        this.activeCard.product = this.activeCard.community = false
97
-      }
98
-    },
99
-    ['activeCard.community'] (nw, od) {
100
-      if (nw && !od) {
101
-        this.activeCard.case = this.activeCard.product = false
82
+  computed: {
83
+    activeCard () {
84
+      const atv = (this.default || '').split('-')
85
+      const atvCard = atv[0] || false
86
+      const atvItem = atv[1] || false
87
+      return {
88
+        product: false,
89
+        case: false,
90
+        community: false,
91
+        [`${atvCard}`]: atvItem
102 92
       }
103 93
     },
104
-    default (nw) {
105
-      console.log('--------->', nw)
106
-      if (!nw) return
107
-      this.activeCard[nw] = true
108
-    }
109 94
   },
110 95
   mounted () {
111 96
 

+ 1
- 1
src/components/pages/productCenter/productCenter.vue Vedi File

@@ -45,7 +45,7 @@
45 45
         </el-menu>
46 46
       </div>-->
47 47
 
48
-      <prod-navi class="nav" default="product"></prod-navi>
48
+      <prod-navi class="nav" default="product-2"></prod-navi>
49 49
     </div>
50 50
     <div class="secondHouse-middle">
51 51
       <div class="secondHouse_content">

+ 1
- 1
src/components/pages/productCenter/release.vue Vedi File

@@ -16,7 +16,7 @@
16 16
           <div class="product_top_con_right"></div>
17 17
         </div>
18 18
       </div>
19
-      <prod-navi class="nav" default="case"></prod-navi>
19
+      <prod-navi class="nav" default="case-3"></prod-navi>
20 20
     </div>
21 21
 
22 22
     <div class="secondHouse-middle">