From 47ad469dddf48bfdd9be4141765ad74645f304cd Mon Sep 17 00:00:00 2001
From: Jzx201211 <1595536662@qq.com>
Date: Mon, 7 Mar 2022 10:32:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=B8=8A=E4=B8=80=E9=A1=B5?=
 =?UTF-8?q?=E5=92=8C=E4=B8=8B=E4=B8=80=E9=A1=B5=E7=9A=84=E6=98=AF=E5=90=A6?=
 =?UTF-8?q?=E5=8F=AF=E6=8C=89=E7=9A=84=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/shijiankecheng/box4.js            | 21 ++++++++++++++++++---
 src/pages/shijiankecheng/shijiankecheng.css | 10 ++++++++++
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/pages/shijiankecheng/box4.js b/src/pages/shijiankecheng/box4.js
index bc40db5c..8be1038d 100644
--- a/src/pages/shijiankecheng/box4.js
+++ b/src/pages/shijiankecheng/box4.js
@@ -28,7 +28,7 @@ export default class Box4 extends Component {
   }
   render() {
     return (
-      <div>
+      <div style={{ background: "#f8f8f8" }}>
         <Box2
           event={this.hadnleClick_box2}
           eventall={this.handleClick_box2_all}
@@ -70,14 +70,29 @@ export default class Box4 extends Component {
             </div>
           ))}
         </div>
-
+        {
+          (console.log("active"),
+          this.state.map.length === 0 ? console.log("y") : "")
+        }
         <div className="kc_main_box5">
-          <button onClick={() => this.handleClick_shang(this.state.current)}>
+          <button
+            onClick={() => this.handleClick_shang(this.state.current)}
+            disabled={this.state.current === 1 ? "disabled" : ""}
+            className={
+              this.state.current === 1 ? "button_color_no" : "button_color_yes"
+            }
+          >
             上一页
           </button>
           <button
             style={{ marginLeft: "8px" }}
             onClick={() => this.handleClick_xia(this.state.current)}
+            disabled={this.state.map.length < 16 ? "disabled" : ""}
+            className={
+              this.state.map.length < 16
+                ? "button_color_no"
+                : "button_color_yes"
+            }
           >
             下一页
           </button>
diff --git a/src/pages/shijiankecheng/shijiankecheng.css b/src/pages/shijiankecheng/shijiankecheng.css
index 5801159a..a844d9b3 100644
--- a/src/pages/shijiankecheng/shijiankecheng.css
+++ b/src/pages/shijiankecheng/shijiankecheng.css
@@ -276,4 +276,14 @@
     border: 1px;
     padding: 3px 11px;
     font-size: 14px;
+}
+.button_color_no{
+    color: rgba(0, 0, 0, 0.25);
+    background: #f5f5f5;
+    border-color: #d9d9d9;
+}
+.button_color_yes{
+    color: rgba(0, 0, 0, 0.85);
+    background: #fff;
+    border-color: #d9d9d9;
 }
\ No newline at end of file