From 5a115700e3899698407ff1428d73bfb9c7af1a1b Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Fri, 30 Oct 2020 15:16:05 +0100
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E8=97=8F=E8=A7=86=E5=9B=BE=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=9C=89=E6=9B=B4=E6=96=B0=E6=8F=90=E7=A4=BA,?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Recommandation.vue |  7 ++++---
 src/components/Star.vue           | 22 +++++++++++++++++++---
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/Recommandation.vue b/src/components/Recommandation.vue
index 99983da..81a4f04 100644
--- a/src/components/Recommandation.vue
+++ b/src/components/Recommandation.vue
@@ -171,6 +171,7 @@ export default {
   watch: {
     view () {
       this.getRecommandations()
+      this.$refs.waterfall.refresh()
     }
   },
   methods: {
@@ -342,10 +343,10 @@ export default {
           }
           .rate{
             position: absolute;
-            top: 10%;
-            right: -35%;
+            top: 5%;
+            right: -40%;
             width: 100%;
-            background-color: #111111aa;
+            background-color: #2f90b9;
             color: #cdcdcd;
             height: 30px;
             line-height: 30px;
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 8976d90..3054d72 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -88,6 +88,9 @@
                   <div class="rate" v-if="props.data.rate && props.data.rate !== '暂无评分'">
                     <span>豆瓣: {{props.data.rate}}</span>
                   </div>
+                  <div class="update" v-if="props.data.hasUpdate">
+                    <span>有更新</span>
+                  </div>
                   <img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
                   <div class="operate">
                     <div class="operate-wrap">
@@ -503,10 +506,10 @@ export default {
           }
           .rate{
             position: absolute;
-            top: 10%;
-            right: -35%;
+            top: 5%;
+            right: -40%;
             width: 100%;
-            background-color: #111111aa;
+            background-color: #2f90b9;
             color: #cdcdcd;
             height: 30px;
             line-height: 30px;
@@ -514,6 +517,19 @@ export default {
             text-align: center;
             transform: rotate(45deg);
           }
+          .update{
+            position: absolute;
+            top: 5%;
+            left: -40%;
+            width: 100%;
+            background-color: #68b88e;
+            color: #cdcdcd;
+            height: 30px;
+            line-height: 30px;
+            font-size: 14px;
+            text-align: center;
+            transform: rotate(-45deg);
+          }
           .operate{
             display: none;
             position: absolute;