11

src/views/dynamic/index.vue

@@ -15,7 +15,7 @@
             <el-image :src="centerImage"></el-image>
           </el-col>
           <el-col :span="24" class="three">
-            <gzcy :list="gzcyList"></gzcy>
+            <gzcy :list="gzcyList" @show="show"></gzcy>
           </el-col>
         </div>
       </el-col>
@@ -66,7 +66,12 @@ export default {
   }),
   created() {},
   computed: {},
-  methods: {},
+  methods: {
+    show(data) {
+      if (data.title == '展会服务') {
+      }
+    },
+  },
 };
 </script>
 

src/views/dynamic/parts/gzcy.vue

@@ -12,7 +12,7 @@
           </el-col>
         </el-col>
         <el-col :span="24" class="info">
-          <el-col :span="8" class="list" v-for="(item, index) in list" :key="index">
+          <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click="show(item)">
             <el-image :src="item.url" style="width:150px;height:130px"></el-image>
             <p>{{ item.title }}</p>
           </el-col>
@@ -34,7 +34,11 @@ export default {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    show(data) {
+      this.$emit('show', data);
+    },
+  },
   computed: {
     ...mapState(['user']),
   },