hide

src/forge/Information/Component/publicBanner.jsx

@@ -50,9 +50,9 @@ function PublicBanner(props){
         <Menu mode={"horizontal"} selectedKeys={[key]}>
           <Menu.Item key={"1"}><Link to={`/information/1`}><img src={Menu1} alt="" width="29px"/>首页</Link></Menu.Item>
           <Menu.Item key={"2"}><Link to={`/information/1/projects`}><img src={Menu2} alt="" width="34px"/>开源项目</Link></Menu.Item>
-          <Menu.Item key={"3"}><img src={Menu3} alt="" width="33px"/>资源发布</Menu.Item>
+          {/* <Menu.Item key={"3"}><img src={Menu3} alt="" width="33px"/>资源发布</Menu.Item> */}
           <Menu.Item key={"4"}><Link to={`/information/1/news`}><img src={Menu4} alt="" width="32px"/>领域资讯</Link></Menu.Item>
-          <Menu.Item key={"5"}><img src={Menu5} alt="" width="27px"/>Sig小组</Menu.Item>
+          {/* <Menu.Item key={"5"}><img src={Menu5} alt="" width="27px"/>Sig小组</Menu.Item> */}
           <Menu.Item key={"6"}><Link to={`/information/1/VIP`}><img src={Menu6} alt="" width="27px"/>专区会员</Link></Menu.Item>
         </Menu>
       </div>

src/forge/Information/Pages/headerPage.jsx

@@ -143,7 +143,7 @@ function HeaderPage(props){
         }
       </div>
 
-      <div className="zone_parter">
+      {/* <div className="zone_parter">
         <p className="in_title">合作伙伴</p>
         <ul className="boxmain zone_part_lists">
           <li>合作伙伴一</li>
@@ -164,7 +164,7 @@ function HeaderPage(props){
           <li>合作伙伴一</li>
           <li>合作伙伴一</li>
         </ul>
-      </div>
+      </div> */}
     </div>
   )
 }

src/forge/Information/Pages/zoneVIP.jsx

@@ -1,14 +1,17 @@
 import React , { useState , useEffect } from 'react';
 import Crown from '../img/crown.png';
+import { Spin } from 'antd';
 import axios from 'axios';
 
 
 function ZoneVIP(props){
   const { deptId } = props.match.params;
   const [ vipLists , setVIPLists ] = useState(undefined);
+  const [ isSpin , setIsSpin ] = useState(true);
 
   useEffect(()=>{
     if(deptId){
+      setIsSpin(true);
       getLists();
     }
   },[deptId])
@@ -18,50 +21,55 @@ function ZoneVIP(props){
     axios.get(url).then(response=>{
       if(response){
         setVIPLists(response.data.rows);
+        setIsSpin(false);
       }
-    }).catch(error=>{})
+    }).catch(error=>{setIsSpin(false);})
   }
 
   return(
     <div className="boxmain zone_VIP_box">
       <p className="in_title">专区会员</p>
       <p className="vip_sub_title">社区根据您的贡献与扮演角色将用户划分成为不同的人员团队，并构建会员成长体系。您有兴趣成为会员，尽情发挥创意与智慧，与专区共同成长吗？</p>
-      {
-        vipLists && vipLists.length> 0 &&
-        <div className="vip_list">
-          {
-            vipLists.map((i,k)=>{
-              return(
-                <div className="vip_list_card">
-                  <div className="card_title">
-                    <img src={Crown} alt="" width="37px" style={{marginBottom:5,marginRight:5}}/>
-                    <span>{i.typeName}</span>
+      <Spin spinning={isSpin}>
+        <div style={{minHeight:400}}>
+        {
+          vipLists && vipLists.length> 0 &&
+          <div className="vip_list">
+            {
+              vipLists.map((i,k)=>{
+                return(
+                  <div className="vip_list_card">
+                    <div className="card_title">
+                      <img src={Crown} alt="" width="37px" style={{marginBottom:5,marginRight:5}}/>
+                      <span>{i.typeName}</span>
+                    </div>
+                    <p className="card_desc">{i.typeIntroduction}</p>
+                    {
+                      i.zoneMemberList && i.zoneMemberList.length > 0 &&
+                      <ul className="card_ul">
+                        {
+                          i.zoneMemberList.map((j,key)=>{
+                            return(
+                              <li className="card_u_li">
+                                <img src={j.imageUrl} alt="" />
+                                <div className="card_u_info">
+                                  <div className="card_u_up"><span className="card_name task-hide">{j.name}</span>{j.memberLevel && <span className="card_tag">{j.memberLevel}</span> }</div>
+                                  <p className="card_u_down task-hide-2">{j.introduction}</p>
+                                </div>
+                              </li>
+                            )
+                          })
+                        }
+                      </ul>
+                    }
                   </div>
-                  <p className="card_desc">{i.typeIntroduction}</p>
-                  {
-                    i.zoneMemberList && i.zoneMemberList.length > 0 &&
-                    <ul className="card_ul">
-                      {
-                        i.zoneMemberList.map((j,key)=>{
-                          return(
-                            <li className="card_u_li">
-                              <img src={j.imageUrl} alt="" />
-                              <div className="card_u_info">
-                                <div className="card_u_up"><span className="card_name task-hide">{j.name}</span>{j.memberLevel && <span className="card_tag">{j.memberLevel}</span> }</div>
-                                <p className="card_u_down task-hide-2">{j.introduction}</p>
-                              </div>
-                            </li>
-                          )
-                        })
-                      }
-                    </ul>
-                  }
-                </div>
-              )
-            })
-          }
+                )
+              })
+            }
+          </div>
+        }
         </div>
-      }
+      </Spin>
     </div>
   )
 }