From 7e58c9bf90e7a8a9e96e97f1ef25d4ac9d5753ca Mon Sep 17 00:00:00 2001
From: xjs <1294405880@qq.com>
Date: Fri, 31 Dec 2021 14:40:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=B4=E6=98=8E=EF=BC=9A1=E3=80=81=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E5=8D=95=E8=AF=8D=E6=94=B6=E8=97=8F=E5=A4=B9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=82=B9=E5=87=BB=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=E5=AD=97=E5=85=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/business/english/word/collect.vue   | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/business/english/word/collect.vue b/ruoyi-ui/src/views/business/english/word/collect.vue
index 5cdae583..56668138 100644
--- a/ruoyi-ui/src/views/business/english/word/collect.vue
+++ b/ruoyi-ui/src/views/business/english/word/collect.vue
@@ -1,5 +1,6 @@
 <template xmlns="http://www.w3.org/1999/html">
   <div class="sea_main_con test-5" @mouseenter="onMouseover" @mouseleave="onMouseout">
+
     <div class="infinite-list-wrapper">
       <ul
         class="list"
@@ -12,7 +13,6 @@
             <el-card :body-style="{ padding: '0px' }">
               <div style="padding: 14px;">
                 <span>
-
                   <el-tag type="info"
                           size="medium"
                   >英：{{ say.englishWord }}
@@ -26,7 +26,7 @@
                     >中：{{ say.chineseWord }}
                     </el-tag>
                   </time>
-                  <el-button icon="el-icon-search" circle class="button"></el-button>
+                  <el-button icon="el-icon-search" circle class="button" @click="popoverVisibles(say.id)"></el-button>
                 </div>
               </div>
             </el-card>
@@ -39,11 +39,13 @@
         <p v-if="noMore">没有更多了~~~~</p>
       </div>
     </div>
+
+
   </div>
 </template>
 
 <script>
-import {collectWord} from "@/api/business/english/word";
+import {collectWord, getWordRPC} from "@/api/business/english/word";
 
 export default {
   data() {
@@ -70,11 +72,19 @@ export default {
     }
   },
   methods: {
+    popoverVisibles(id) {
+      getWordRPC(id).then(res =>{
+        this.$notify({
+          title: res.data.englishWord,
+          message: res.data.content,
+          duration: 0
+        });
+      })
+    },
+
     loadMore() {
       this.loading = true
       setTimeout(() => {
-        // this.count += 2
-
         collectWord(this.queryParams).then((response) => {
           console.log(response.data)
           this.everyList = response.data.records.length;
@@ -127,7 +137,7 @@ export default {
 .test-5::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
-  background-color: rgb(103, 194, 58);
+  background-color: #999093;
   background-image: -webkit-linear-gradient(
     45deg,
     rgba(255, 255, 255, 0.2) 25%,
@@ -185,4 +195,8 @@ export default {
   width: 100%;
   text-align: center;
 }
+.load_icon p{
+  font-size: 10px;
+  color: #8492a6;
+}
 </style>