跳转事件

src/views/portal/article/Detail.vue

@@ -59,6 +59,7 @@
                 <p class="ranking-title">贡献榜</p>
                 <ul class="ranking-data">
                     <li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
+                      <router-link  :to="'article/detail?id=' + item.id">
                         <span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
                           <img src="/images/list-01.png" alt="">
                         </span>
@@ -75,6 +76,7 @@
                              <img src="/images/list05.png" alt="">
                         </span>
                         <span class="portal-title-desc">{{ item.sysCreateUname }}</span>
+                         </router-link>
                     </li>
                 </ul>
               </div>

src/views/portal/article/Index.vue

@@ -79,6 +79,7 @@
                 <p class="ranking-title">贡献榜</p>
                  <ul class="ranking-data">
                       <li  v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
+                        <router-link  :to="'article/detail?id=' + item.id">
                         <span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
                           <img src="/images/listblue01.png" alt="">
                         </span>
@@ -95,6 +96,7 @@
                              <img src="/images/list05.png" alt="">
                         </span>
                         <span class="portal-title-desc">{{ item.sysCreateUname }}</span>
+                        </router-link>
                       </li>
                     </ul>
               </div>

src/views/portal/case/Detail.vue

@@ -103,6 +103,7 @@
               <p class="ranking-title">好评榜</p>
               <ul class="ranking-data">
                   <li  v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
+                         <router-link :to="'case/detail?id='+item.id">
                           <span class="portal-right-text blue-one" v-if="index==0">
                             <img src="/images/listblue01.png" alt="">
                           </span>
@@ -119,6 +120,7 @@
                                <img src="/images/list05.png" alt="">
                           </span>
                           <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                          </router-link>
                   </li>
               </ul>
             </div>
@@ -126,6 +128,7 @@
               <p class="ranking-title">人气榜</p>
               <ul class="ranking-data">
                 <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
+                       <router-link :to="'case/detail?id='+item.id">
                         <span class="portal-right-text orange-one" v-if="index==0">
                           <img src="/images/list-01.png" alt="">
                         </span>
@@ -142,6 +145,7 @@
                              <img src="/images/list05.png" alt="">
                         </span>
                         <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                        </router-link>
                    </li>
               </ul>
             </div>
@@ -255,6 +259,10 @@ export default {
     clearInterval(this.setTimeCase);
   },
   methods: {
+    jumecase(item){
+      this.$router.push({ path: './Detail.vue', query: { id: item.id } });
+    
+    },
      couresreso(){
       let key = 'case';
       apiPlace.detail(key).then(res=>{
@@ -591,9 +599,9 @@ export default {
 
 }
 .ranking-title {
-     line-height: 34px;
+    //  line-height: 34px;
-    font-size: 15px;
+    // font-size: 15px;
-    color: #333333;
+    // color: #333333;
     .center-titlt{
       font-size: 15px;
       color: #333333;

src/views/portal/case/Index.vue

@@ -123,6 +123,7 @@
                 <p class="ranking-title">好评榜</p>
                 <ul class="ranking-data">
                   <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
+                        <router-link :to="'/case/detail?id='+item.id">
                         <span class="portal-right-text blue-one" v-if="index==0">
                           <img src="/images/listblue01.png" alt="">
                         </span>
@@ -139,6 +140,7 @@
                              <img src="/images/list05.png" alt="">
                         </span>
                         <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                         </router-link>
                    </li>
                 </ul>
               </div>
@@ -146,6 +148,7 @@
                 <p class="ranking-title">人气榜</p>
                 <ul class="ranking-data">
                     <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
+                        <router-link :to="'/case/detail?id='+item.id">
                         <span class="portal-right-text orange-one" v-if="index==0">
                           <img src="/images/list-01.png" alt="">
                         </span>
@@ -162,6 +165,7 @@
                              <img src="/images/list05.png" alt="">
                         </span>
                         <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                        </router-link>
                    </li>
                 </ul>
               </div>