From 3a9a81f7369cb27fca606acacd6eca96ea9e9019 Mon Sep 17 00:00:00 2001
From: lzh <li15106431515@163.com>
Date: Tue, 27 Jul 2021 01:59:10 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=8A=A0=E4=BA=86=E4=B8=80=E5=B0=8F?=
 =?UTF-8?q?=E7=82=B9=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index/index.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/index/index.js b/src/index/index.js
index 6841c6e..3770cd7 100644
--- a/src/index/index.js
+++ b/src/index/index.js
@@ -6,8 +6,15 @@ export class AppContainer extends Component {
   render() {
     return (
       <div className="App">
-        <p>展示页</p>
-        <Link to="/upload" className="btn btn-primary">前往</Link>
+          <div className="poster">
+          <img src={images.poster}  className="img-poster" />
+          <button className="btn-partIn" onClick={this.handlePartIn} >点击参加</button>
+        {/* <Link to="/upload" className="btn btn-primary">前往</Link> */}
+        </div>
+        <div className="container">
+        <div className="message"><div className="little-title">精选留言</div><div className="cut-line"></div>{}</div>
+        <div className="message"><div className="little-title">精选图片</div><div className="cut-line"></div>{}</div>
+        </div>
       </div>
     );
   }

From cff505f5827591c6be13f3f6973cf9d4f9bf5151 Mon Sep 17 00:00:00 2001
From: lzh <li15106431515@163.com>
Date: Tue, 27 Jul 2021 02:00:02 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=86=99=E4=BA=86=E4=B8=80=E5=B0=8F?=
 =?UTF-8?q?=E7=82=B9=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index/index.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/index/index.css b/src/index/index.css
index e69de29..2505452 100644
--- a/src/index/index.css
+++ b/src/index/index.css
@@ -0,0 +1,42 @@
+.poster{
+    width: 100%;
+    height: 408px;
+    background-color: #80010A;
+    display: flex;
+    justify-content: center;
+}
+.img-poster{
+ padding-left: 11%;
+}
+.btn-partIn{
+    border-radius: 5px;
+    border: 1px; 
+    height: 45px;
+    width: 9%;
+    min-width: 130px;
+    font-size: 20px;
+    font-weight: bold;
+    background-color: #FCFAFA;
+    color:#323232;
+    margin-top: 330px;
+    margin-left:11%;
+    
+}
+.message{
+    width: 50%;
+    padding-left: 10%;
+    margin-top: 33px;
+    font-weight: bold;
+}
+
+.container{
+    display: flex;
+    width: 100%;
+    height: 800px;
+}
+.cut-line{
+    display: flex;
+    height: 1px;
+    width: 80%;
+    background-color: #E6E6E6;
+}
\ No newline at end of file