四个页面搭建

src/pages/PartyMemberTopic/OverDifficult/index.tsx

@@ -0,0 +1,84 @@
+import React, { useEffect } from 'react';
+import '../Style/ld_style.less';
+import { Input, List, Pagination } from 'antd';
+
+const { Search } = Input;
+
+const data = [
+  {
+    title: '集团党支部',
+    name: '张三',
+    position: '党委书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  },
+  {
+    title: '集团党支部',
+    name: '李四',
+    position: '党委副书记',
+  }
+];
+
+const PersonInfor: React.FC<{}> = () => {
+  return (
+    <div className="page-container">
+      <div className="top-banner">
+        <div className="back-home">
+          <span>返回首页</span>
+          <span>上一页</span>
+        </div>
+      </div>
+      <div className="search">
+        <span className="text"><span>攻坚克难项目</span></span>
+        <div className="search-box">
+          <Search
+            placeholder="输入姓名/邮箱/电话"
+            allowClear
+            enterButton="搜索"
+            style={{ width: 322 }}
+          />
+        </div>
+      </div>
+      <div className="list-content">
+        <List
+          itemLayout="horizontal"
+          dataSource={data}
+          renderItem={item => (
+            <List.Item>
+              <div className="list-box">
+                <p>党员先锋示范队“攻坚克难”活动项目计划书</p>
+                <span>2022-04-03</span>
+              </div>
+            </List.Item>
+          )}
+        />
+      </div>
+      <Pagination size="small" total={50} showSizeChanger showQuickJumper />
+    </div>
+  )
+}
+
+export default PersonInfor;