From d05534fb175c7dee4498858d6bdaed11bc4fc265 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Wed, 31 Mar 2021 20:44:02 +0200
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E6=8E=A8=E8=8D=90=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E7=9A=84=E6=94=B6=E8=97=8F,=E5=88=86=E4=BA=AB?=
 =?UTF-8?q?=E5=92=8C=E8=AF=A6=E6=83=85=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Detail.vue | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/Detail.vue b/src/components/Detail.vue
index 33a089b..a30605e 100644
--- a/src/components/Detail.vue
+++ b/src/components/Detail.vue
@@ -37,9 +37,9 @@
         </div>
         <div class="operate">
           <span @click="playEvent(selectedEpisode)">播放</span>
-          <span @click="starEvent">收藏</span>
+          <span @click="starEvent(info)">收藏</span>
           <span @click="downloadEvent">下载</span>
-          <span @click="shareEvent">分享</span>
+          <span @click="shareEvent(info,selectedEpisode)">分享</span>
           <span @click="doubanLinkEvent">豆瓣</span>
           <span @click="togglePlayOnlineEvent">
             <input type="checkbox" v-model="playOnline"> 播放在线高清视频
@@ -84,10 +84,12 @@
             <template slot="item" slot-scope="props">
               <div class="card">
                 <div class="img">
-                  <img style="width: 100%" :src="props.data.pic" alt="">
+                  <img style="width: 100%" :src="props.data.pic" alt="" @click="detailEvent(props.data)">
                   <div class="operate">
                     <div class="operate-wrap">
                       <span class="o-play" @click="playRecommendationEvent(props.data)">播放</span>
+                      <span class="o-star" @click="starEvent(props.data)">收藏</span>
+                      <span class="o-share" @click="shareEvent(props.data, 0)">分享</span>
                     </div>
                   </div>
                 </div>
@@ -256,15 +258,15 @@ export default {
         onlineVideo.playVideoOnline(this.selectedOnlineSite, this.detail.info.name, n)
       }
     },
-    async starEvent () {
-      const db = await star.find({ key: this.detail.key, ids: this.info.id })
+    async starEvent (info) {
+      const db = await star.find({ key: this.detail.key, ids: info.id })
       const doc = {
         key: this.detail.key,
-        ids: this.info.id,
+        ids: info.id,
         site: this.detail.site,
-        name: this.info.name,
-        detail: this.info,
-        rate: this.info.rate
+        name: info.name,
+        detail: info,
+        rate: info.rate
       }
       if (db) {
         star.update(db.id, doc)
@@ -275,6 +277,10 @@ export default {
         })
       }
     },
+    detailEvent (info) {
+      this.detail.info = info
+      this.getDetailInfo()
+    },
     togglePlayOnlineEvent () {
       this.playOnline = !this.playOnline
     },
@@ -313,12 +319,12 @@ export default {
         this.$message.error(err.info)
       })
     },
-    shareEvent () {
+    shareEvent (info, selectedEpisode) {
       this.share = {
         show: true,
         key: this.detail.key,
-        info: this.info,
-        index: this.selectedEpisode
+        info: info,
+        index: selectedEpisode
       }
     },
     doubanLinkEvent () {