解决方案预览问题处理

pages/kaifain/preview.vue

@@ -1,8 +1,9 @@
 <template>
-  <div class="kaifain" :class="{isMobile: mobile}">
+  <div :class="{kaifainDetailMobile: mobile, kaifainDetail: !mobile}">
     <div class="topArea">
       <div class="bannerBg">
-        <img src="~@/assets/img/kaifain/detail/banner@2x.png" alt />
+        <img src="~@/assets/img/kaifain/detail/banner@2x.png" alt="" v-if="!mobile">
+        <img src="~@/assets/img/kaifain/detail/banner_h5@2x.png" alt="" v-else>
       </div>
       <div class="topContent">
         <div class="left">
@@ -21,7 +22,9 @@
           <p class="word">方案介绍</p>
           <p class="line"></p>
         </div>
-        <div class="introContent ql-editor" v-html="detail.detail"></div>
+        <div class="introContent ql-editor" v-html="detail.detail">
+
+        </div>
       </div>
 
       <div class="caseListArea" v-if="haveCase">
@@ -30,35 +33,36 @@
           <p class="line"></p>
         </div>
         <div class="list">
-          <div class="cell" v-for="item in detail.successful_case">
+
+          <nuxt-link class="cell"
+            v-for="item in detail.successful_case"
+            :key="item.id"
+            :to="`/kaifain/case/${item.id}.html`"
+            target="_blank"
+            :title="item.name"
+          >
             <div class="left">
-              <img :src="item.logo" alt />
+              <img :src="item.logo" alt="">
             </div>
             <div class="right">
               <div class="top">
-                <div class="bTitle">{{item.title}}</div>
-                <div class="bStitle">{{item.description}}</div>
+                <div class="bTitle" v-if="!mobile" >{{item.title}}</div>
+                <div class="bStitle">【{{detail.title}}】帮助【{{item.title}}】提供解决方案</div>
               </div>
-              <div class="bottom" @click="openPDF(item)">
-                <div class="icon" />
+              <div class="bottom" @click="openPDF(item)"  v-if="!mobile">
+                <div class="icon"/>
                 <div class="word">{{item.title}}.pdf</div>
               </div>
             </div>
-          </div>
+          </nuxt-link>
         </div>
       </div>
     </div>
-    <ConnectUs
-      :source="'开发屋详情'"
-      :isShowToast="isShowToast"
-      @close="isShowToast=false"
-      :sourceId="tid"
-    ></ConnectUs>
+    <ConnectUs :source="'开发屋详情'" :isShowToast="isShowToast" @close="isShowToast=false" :sourceId="tid"></ConnectUs>
     <KaifainFooter style="margin-top: 30px;" :data="footer"/>
 
   </div>
 </template>
-
 <script>
 import "quill/dist/quill.core.css";
 import "quill/dist/quill.snow.css";