From 1bd62a211b2101a3234352e5ffa7b59156c87140 Mon Sep 17 00:00:00 2001
From: "3056762376@qq.com" <3056762376@qq.com>
Date: Mon, 7 Nov 2022 11:09:03 +0800
Subject: [PATCH] changes

---
 08-综合练习/简单图书管理/css/css.css      | 4 ++++
 08-综合练习/简单图书管理/index/index.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/08-综合练习/简单图书管理/css/css.css b/08-综合练习/简单图书管理/css/css.css
index 62467c2..c51b3fb 100644
--- a/08-综合练习/简单图书管理/css/css.css
+++ b/08-综合练习/简单图书管理/css/css.css
@@ -59,4 +59,8 @@
 
  [v-cloak] {
    display: none;
+ }
+ .active{
+  color:#fff;
+  background-color: #ccc;
  }
\ No newline at end of file
diff --git a/08-综合练习/简单图书管理/index/index.html b/08-综合练习/简单图书管理/index/index.html
index c927014..ccdf76b 100644
--- a/08-综合练习/简单图书管理/index/index.html
+++ b/08-综合练习/简单图书管理/index/index.html
@@ -22,8 +22,8 @@
           <td>{{item.author}}</td>
           <td>{{item.num}}</td>
           <td>
-            <button class="buy" @click="buy_item(item.id)">买入</button>
-            <button class="sale" @click="sale_item(item.id)">卖出</button>
+            <button class="buy" @click="buy_item(item.id)" :class="item.num>=10?'active':''">买入</button>
+            <button class="sale" @click="sale_item(item.id)" :class="item.num<=0?'active':''">卖出</button>
             <button class="del" @click="remove(index)">删除</button>
           </td>
         </tr>