From 85e8d2d3907a2afcb21ac4591627b155118dd7dc Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Fri, 16 Sep 2022 17:58:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E8=AE=AF=E6=94=B6=E8=97=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/pages/news_detail/news_detail.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/src/pages/news_detail/news_detail.vue b/app/src/pages/news_detail/news_detail.vue
index 017d670e..2d2127d5 100644
--- a/app/src/pages/news_detail/news_detail.vue
+++ b/app/src/pages/news_detail/news_detail.vue
@@ -29,15 +29,19 @@
         </view>
 
         <view class="panel-btn flex items-center px-[34rpx]" @click="handleAddCollect(newsData.id)">
-            <u-icon :name="newsData.collect ? 'star-fill' : 'star'" size="36"></u-icon>
+            <u-icon
+                :name="newsData.collect ? 'star-fill' : 'star'"
+                size="34"
+                :color="newsData.collect ? '#4173ff' : '#333'"
+            ></u-icon>
             <text class="ml-[10rpx]">收藏</text>
         </view>
     </view>
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed } from 'vue'
-import { onLoad, onShow, onReady } from '@dcloudio/uni-app'
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 import { getArticleDetail, addCollect, cancelCollect } from '@/api/news'
 
 const newsData = ref<any>({})
@@ -51,7 +55,11 @@ const handleAddCollect = async (articleId: number) => {
     try {
         if (newsData.value.collect) {
             await cancelCollect({ articleId })
-        } else await addCollect({ articleId })
+            uni.$u.toast('取消收藏成功')
+        } else {
+            await addCollect({ articleId })
+            uni.$u.toast('收藏成功')
+        }
         getData(newsId)
     } catch (e) {
         //TODO handle the exception