页面修改

src/views/Market/Index.vue

@@ -48,9 +48,9 @@
                         class="text-small q-mr-md" v-for="(x,i) in colorArr" :key="i">{{x.ColorName}}</el-check-tag>
                 </div>
             </div>
-            <div class="q-mt-lg bg-white q-pa-lg rounded">
+            <div class="q-mt-lg bg-white q-pa-lg rounded" style="height:200px;">
                 <template v-for="(item,index) in dataList">
-                    <div style="width:200px;height:200px;">
+                    <div style="width:200px;height:200px;" @click="goToTemplate(item)">
                         <img :src="item.CoverImg" style="width:100px;height:80px" />
                         <br />
                         <span>{{item.Title}}</span>
@@ -95,6 +95,13 @@
         pageCount: 0, //总页数
     })
 
+    /**
+     * 页面跳转
+     */
+    const goToTemplate = (item: any) => {
+        console.log("item", item);
+    }
+
     /***
      * 获取模板市场分页列表
      */