案例展示

wx_application/src/views/case/caseDetail.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="ct">
       <div class="head">
-        <h3>店主这样使用微信引流，门店营业额竟然直接涨了一倍</h3>
+        <h3>{{ title }}</h3>
         <div>
           <span>作者：</span>
           <span>亿百分</span>
@@ -18,7 +18,7 @@
         
         <p>很多店主觉得，使用微信就是每天发一些朋友圈就行了，这样的想法绝对是错误的。</p>
         <div class="pic">
-          <img src="/img/detail_1.jpg" alt />
+          <img :src="`/img/detail_${id}.jpg`" alt />
         </div>
         <p>店主做微信引流，一定要学会全方位地去打造自己的微信号，只有真正做到这一点的店主，才能确实从微信吸引客流，提升门店营业额。</p>
 
@@ -79,7 +79,14 @@
 import { getCaseDetail } from "@/api/test/active";
 export default {
   data() {
-    return {};
+    return {
+      id: 0,
+      title: ''
+    };
+  },
+  mounted() {
+    this.id = this.$route.query.id;
+    this.title = this.$route.query.title;
   },
   methods: {
     getDeatil() {

wx_application/src/views/case/index.vue

@@ -4,7 +4,7 @@
       <van-swipe-cell v-for="item in caseList" :key="item.id">
         <div class="kj">
           <div class="title">{{ item.title }}</div>
-          <div class="ct" @click="handleDetail(item.id)">
+          <div class="ct" @click="handleDetail(item)">
             <img class="al" :src="item.img" alt>
             <div class="ck">查看详情</div>
           </div>
@@ -62,7 +62,7 @@ export default {
         {
           id: 3,
           title: "技巧｜手把手教你做微信顾客群，店主试过，营业额涨了一倍",
-          img: '/img/article.png'
+          img: '/img/detail_3.jpg'
         }
       ],
       // 图标
@@ -129,9 +129,13 @@ export default {
         console.log(res,"案例列表")  
       }) */
     },
-    handleDetail() {
+    handleDetail(item) {
       this.$router.push({
-        path: "caseDetail"
+        path: "caseDetail",
+        query: {
+          id: item.id,
+          title: item.title
+        }
       });
     },
     // 导航

wx_application/src/views/counter/counterEdit.vue

@@ -94,20 +94,12 @@ export default {
   data() {
     return {
       addForm: {
-<<<<<<< HEAD
-        logo: "",
-        summaryTitle: "",
-        name: "",
-        location: "",
-        summary: ""
-=======
         logo: '',
         summaryTitle: '',
         name: '',
         location: '',
         summary: '',
         phone: ''
->>>>>>> 097c21d5606046937929f201fca0e9dd4dbc21e9
       },
       oyStallCode: "",
       list: [],
@@ -144,14 +136,9 @@ export default {
     };
   },
   mounted() {
-<<<<<<< HEAD
     this.addForm.oyStallCode = sessionStorage.getItem("oyStallCode");
     console.log(this.addForm.oyStallCode, "编辑专柜信息oyStallCode");
     this.getDetail();
-=======
-    this.addForm.oyStallCode = sessionStorage.getItem('oyStallCode')
-    this.getDetail()
->>>>>>> 097c21d5606046937929f201fca0e9dd4dbc21e9
   },
   methods: {
     getDetail() {