From 8f10072ef2612bae93a6d5eda5c800bd19e99899 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E5=BF=83=E5=AE=87?= Date: Fri, 9 Jun 2023 10:46:09 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A6=96=E9=A1=B5=E5=8F=AF?= =?UTF-8?q?=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Information/Component/contributor.jsx | 2 +- src/forge/Information/Pages/headerPage.jsx | 122 +- .../Information/Pages/headerPageZone1.jsx | 50 +- src/forge/Information/Pages/main.jsx | 8 +- src/forge/Information/Pages/zoneVIP.jsx | 3 +- src/forge/Information/img/guideArrow1.png | Bin 0 -> 370 bytes src/forge/Information/index.scss | 49 + src/forge/Information/indexZone1.scss | 1157 ++++++++--------- src/forge/Information/tempInfo.js | 6 +- 9 files changed, 709 insertions(+), 688 deletions(-) create mode 100644 src/forge/Information/img/guideArrow1.png diff --git a/src/forge/Information/Component/contributor.jsx b/src/forge/Information/Component/contributor.jsx index 1b7ab5952..7cf893014 100644 --- a/src/forge/Information/Component/contributor.jsx +++ b/src/forge/Information/Component/contributor.jsx @@ -15,7 +15,7 @@ const settings = { function Contributor(props) { const { personList } = props return( -
+
{ personList && personList.length > 0 ? diff --git a/src/forge/Information/Pages/headerPage.jsx b/src/forge/Information/Pages/headerPage.jsx index 2be268401..d079e0d07 100644 --- a/src/forge/Information/Pages/headerPage.jsx +++ b/src/forge/Information/Pages/headerPage.jsx @@ -7,6 +7,7 @@ import { Link } from 'react-router-dom'; import shijian from '../img/shijian.png'; import axios from 'axios'; import Nodata from '../../Nodata'; +import Partner from '../Component/partner'; function HeaderPage(props){ const [ projectList , setProjectList ] = useState(undefined); @@ -56,6 +57,7 @@ function HeaderPage(props){
{data &&

{data.firstTitle}

} { + // 专区简介 data && (data.introductionTitle || data.introductionContent || data.introductionImage) &&
@@ -69,9 +71,10 @@ function HeaderPage(props){
} { - newsList && newsList.length>0 && + // 新闻动态 + data && data.cmsShow && newsList && newsList.length>0 &&
-

新闻动态

+

{ data.homepageCmsTitle }

@@ -107,69 +110,64 @@ function HeaderPage(props){
} -
-

精选项目

- { - projectList && projectList.length>0&& -
- { - projectList.map((i,k)=>{ - return( + { + // 精选项目 + data && data.projectShow && +
+

{ data.homepageProjectTitle }

+ { + projectList && projectList.length>0&& +
+ { + projectList.map((i,k)=>{ + return( +
  • +
    {i.projectProperties && i.projectProperties.authorImageUrl && }
    +
    + window.open(i.projectURL)} className="z_p_title task-hide">{i.projectProperties && i.projectProperties.name} +

    {i.projectProperties && i.projectProperties.description ? i.projectProperties.description : "暂无~"}

    +
    +
    • + ) + }) + } +
    + } +
    + } + { + // 核心贡献者 + data && data.memberShow && +
    +

    { data.homepageMemberTitle }

    + { + personList && personList.length > 0 && +
    - } -
    -
    -

    核心贡献者

    - { - personList && personList.length > 0 && -
      - { - personList.map((i,k)=>{ - return( -
    • - - {i.name} -

      {i.introduction || "暂无~"}

      -
      • - ) - }) - } -
    - } -
    + ) + }) + } + + } +
    + } + - {/*
    -

    合作伙伴

    -
      -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    • 合作伙伴一
      • -
    -
    */} + { + // 合作伙伴 + data && data.partnersShow && +
    +

    { data.homepagePartnersTitle }

    + +
    + }
    ) } diff --git a/src/forge/Information/Pages/headerPageZone1.jsx b/src/forge/Information/Pages/headerPageZone1.jsx index 8aad1a487..04755b712 100644 --- a/src/forge/Information/Pages/headerPageZone1.jsx +++ b/src/forge/Information/Pages/headerPageZone1.jsx @@ -11,7 +11,7 @@ import intro1 from '../img/intro1.png'; import intro2 from '../img/intro2.png'; import intro3 from '../img/intro3.png'; import intro4 from '../img/intro4.png'; -import guideArrow from '../img/guideArrow.png'; +import guideArrow from '../img/guideArrow1.png'; import ra from '../img/ra.png' import { Link } from 'react-router-dom'; import shijian from '../img/shijian.png'; @@ -98,6 +98,7 @@ function HeaderPage(props){ return(
    { + // 专区简介 data && (data.introductionTitle || data.introductionContent || data.introductionImage) &&
    @@ -129,10 +130,11 @@ function HeaderPage(props){
    { - newsList && newsList.length>0 && + // 新闻动态 + data && data.cmsShow && newsList && newsList.length>0 &&
    -

    新闻动态

    +

    { data.homepageCmsTitle }

    1 @@ -175,17 +177,23 @@ function HeaderPage(props){

    } - -
    -

    精选项目

    - -
    - -
    -

    核心贡献者

    - -
    - + { + // 精选项目 + data && data.projectShow && +
    +

    { data.homepageProjectTitle }

    + +
    + } + { + // 核心贡献者 + data && data.memberShow && +
    +

    { data.homepageMemberTitle }

    + +
    + } +

    参与社区

    成为社区成员，尽情发挥您的创意

    @@ -252,11 +260,15 @@ function HeaderPage(props){

    集萃群智经验 交流心得体会

    - -
    -

    合作伙伴

    - -
    + { + // 合作伙伴 + data && data.partnersShow && +
    +

    { data.homepagePartnersTitle }

    + +
    + } +
    ) } diff --git a/src/forge/Information/Pages/main.jsx b/src/forge/Information/Pages/main.jsx index 841139d65..dc9a90b04 100644 --- a/src/forge/Information/Pages/main.jsx +++ b/src/forge/Information/Pages/main.jsx @@ -94,9 +94,11 @@ function Main(props){
    { mainList.map((i,k)=>{ - return( -
    selectCate(i.id)} >{i.name}
    - ) + if (k <= 4) { + return( +
    selectCate(i.id)} >{i.name}
    + ) + } }) }
    diff --git a/src/forge/Information/Pages/zoneVIP.jsx b/src/forge/Information/Pages/zoneVIP.jsx index 791289054..f50fcd463 100644 --- a/src/forge/Information/Pages/zoneVIP.jsx +++ b/src/forge/Information/Pages/zoneVIP.jsx @@ -5,6 +5,7 @@ import { Link } from 'react-router-dom'; import { Spin } from 'antd'; import { httpUrl } from '../fetch'; import axios from 'axios'; +import { tempConfig } from '../tempInfo' import '../indexZone1.scss' @@ -35,7 +36,7 @@ function ZoneVIP(props){ return(

    专区会员

    -

    社区根据您的贡献与扮演角色将用户划分成为不同的人员团队，并构建会员成长体系。您有兴趣成为会员，尽情发挥创意与智慧，与专区共同成长吗？

    +

    { tempConfig[temp].vipDesc }

    { diff --git a/src/forge/Information/img/guideArrow1.png b/src/forge/Information/img/guideArrow1.png new file mode 100644 index 0000000000000000000000000000000000000000..18549a1c3f8d9435638e70c2232dc907b2a4914c GIT binary patch literal 370 zcmV-&0ge8NP)Xg3k)pLDXXL*%4H*b2x&o;0C^0 zX=4IL#6PY9?+lp7lG2a6-sOT2$ihIJ@P~fNR5PE)k**e}bJ>GYdZc8PJ)#zgy4)gS zTLbKiqU=(ztk8R;iy{@v44owr;PNrm6f7&$0-L!XmL2Mg6@mI-#h`VuqR={6aVQmw zD$k~rli}NY5Oe~7op-GZTX|;M*l#bbVI2rmAA^9Jd>?{|&i%=XI=6{IsX({y0_+>Y(acuz QoB#j-07*qoM6N<$f&-PF+5i9m literal 0 HcmV?d00001 diff --git a/src/forge/Information/index.scss b/src/forge/Information/index.scss index ef25fa9ab..4e2f01a61 100644 --- a/src/forge/Information/index.scss +++ b/src/forge/Information/index.scss @@ -357,6 +357,7 @@ width: 1200px; margin:0px auto; .main_tag { + margin: auto; height: 50px; width: fit-content; border-radius: 4px; @@ -994,4 +995,52 @@ } } } +} +.zone_parter{ + background-color: #fff; + padding:70px 0px 90px; + #scrollBox1{ + max-height: 332px; + overflow: hidden; + margin: 35px 0px 0px; + width: 100%; + .unitMainSlider{ + width: 1200px; + margin:0px auto; + .slick-list{ + height: 140px; + width: 100%; + overflow: hidden; + .slickMainline{ + display: flex!important; + padding:10px 2px; + align-items: center; + justify-content: center; + a{ + background: #FFFFFF; + box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.06); + border-radius: 4px; + border: 1px solid #FFFFFF; + margin-right: 20px; + padding:20px; + height: 120px; + width: 220px; + display: flex; + align-items: center; + justify-content: center; + &:hover{ + border: 1px solid #8FCEFF; + } + img{ + max-width: 100%; + max-height: 100%; + } + &:last-child{ + margin-right: 0px; + } + } + } + } + } + } } \ No newline at end of file diff --git a/src/forge/Information/indexZone1.scss b/src/forge/Information/indexZone1.scss index 504ffe3b2..edd55584c 100644 --- a/src/forge/Information/indexZone1.scss +++ b/src/forge/Information/indexZone1.scss @@ -2,655 +2,611 @@ .zone1_box{ - padding-top:70px; - background-color:#f7f9fc; - .zone_infos{ + padding-top:70px; + background-color:#f7f9fc; + .zone_infos{ + display: flex; + align-items: center; + margin-top: 54px; + padding:27px 24px; + &>img{ + border-radius: 4px; + object-fit: cover; + } + .zone_infos_desc{ + padding:0px 34px 0px 10px; + flex: 1; + .z_name{ + color:#1f2329; + font-size:26px; + height: 28px; + line-height: 28px; + margin-bottom: 28px!important; + } + .z_desc{ + color:#3d485d; + font-size:14px; + line-height:32px; + word-break: break-all; + -webkit-line-clamp: 4; + } + } + } + .zone_vision { + background-color: #ffffff; + .boxmain { + display: flex; + justify-content: space-between; + } + .vision_item { + width: 244px; + display: flex; + align-items: center; + flex-direction: column; + .vision_icon { + height: 162px; + width: 162px; + background-image: url(./img/visionBack.png); + background-size: 100% 100%; + position: relative; + img { + width: 30%; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + } + .vision_icon:hover { + background-image: url(./img/visionBackActive.png); + } + .vision_title { + font-weight:700; + color:#1f2329; + font-size:17px; + line-height:27px; + text-align:center; + margin-top: 39px; + } + .vision_content { + margin-top: 21px; + color:#4c5876; + font-size:14px; + line-height:27px; + text-align:center; + } + } + } + .zone_news{ + height: 29vw; + min-height: 475px; + background-color: #273144; + background-image: url(./img/newsBg.png); + background-repeat: no-repeat; + background-size: contain; + .boxmain { + width: 1200px; + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-evenly; + } + .news_title { + height: 44px; + font-weight: 500; + color: #ffffff; + font-size: 32px; + transform: translate(40%, 0); + } + .new_first_title { + height: 25px; + color: #ffffff; + font-size: 18px; + } + .new_first_desc { + opacity: 80%; + height: 20px; + color: #ffffff; + font-size: 14px; + line-height: 27px; + } + .zone_n_title{ + color:#1f2329; + font-size:17px; + height: 24px; + line-height: 24px; + } + .zone_n_desc{ + color:#4c5876; + font-size:14px; + line-height:27px; + word-break: break-all; + } + .zone_n_value{ display: flex; align-items: center; - margin-top: 54px; - padding:27px 24px; - &>img{ + justify-content: space-between; + height: 20px; + line-height: 20px; + } + .zone_btn{ + padding-right: 20px; + position: relative; + height: 20px; + line-height: 20px; + color: #07a583; + transition: 0.1s; + img{ + position: absolute; + left: 62px; + top:5px; + transition: 0.1s; + } + } + .item_index { + display: inline-block; + width:26px; + height:26px; + margin-right: 12px; + border:1px solid; + border-color:#07a583; + border-radius:3px; + text-align: center; + line-height: 26px; + color: #07a583; + font-size: 14px; + } + .zone_new_first{ + margin-left: 40%; + border-radius: 4px; + width: 682px; + padding-right: 30px; + .item_index { + font-weight:700; + color:#ffffff; + background-color:#07a583; + } + } + .zone_new_three{ + width: 1200px; + display: flex; + justify-content: space-between; + margin: 0 auto; + li{ + background-color: #fff; + width: 354px; + height: 196px; + padding:28px 22px; border-radius: 4px; - object-fit: cover; - } - .zone_infos_desc{ - padding:0px 34px 0px 10px; - flex: 1; - .z_name{ - color:#1f2329; - font-size:26px; - height: 28px; - line-height: 28px; - margin-bottom: 28px!important; - } - .z_desc{ - color:#3d485d; - font-size:14px; - line-height:32px; - word-break: break-all; - -webkit-line-clamp: 4; - } - } - } - .zone_vision { - background-color: #ffffff; - .boxmain { - display: flex; - justify-content: space-between; - } - .vision_item { - width: 244px; - display: flex; - align-items: center; - flex-direction: column; - .vision_icon { - height: 162px; - width: 162px; - background-image: url(./img/visionBack.png); - background-size: 100% 100%; - position: relative; - img { - width: 30%; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - } - .vision_icon:hover { - background-image: url(./img/visionBackActive.png); - } - .vision_title { - font-weight:700; - color:#1f2329; - font-size:17px; - line-height:27px; - text-align:center; - margin-top: 39px; - } - .vision_content { - margin-top: 21px; - color:#4c5876; - font-size:14px; - line-height:27px; - text-align:center; - } - } - } - .zone_news{ - height: 29vw; - min-height: 475px; - background-color: #273144; - background-image: url(./img/newsBg.png); - background-repeat: no-repeat; - background-size: contain; - .boxmain { - width: 1200px; - height: 100%; display: flex; flex-direction: column; - justify-content: space-evenly; + justify-content: space-between; + transition: 0.1s; } - .news_title { - height: 44px; - font-weight: 500; - color: #ffffff; - font-size: 32px; - transform: translate(40%, 0); + .new_item { + cursor: pointer; } - .new_first_title { - height: 25px; - color: #ffffff; - font-size: 18px; + .new_item:hover { + transform: translate(0, -10px); + img{ + left: 73px; + } + .zone_btn { + transform: translate(-5px, 0); + } + .zone_n_title { + color: #07a583; + } } - .new_first_desc { - opacity: 80%; - height: 20px; - color: #ffffff; - font-size: 14px; - line-height: 27px; + } + } + .zone_projects{ + background-image:linear-gradient(180deg,#f1f4fa 0%,#ffffff 100%); + .right_arraw { + width: 48px; + height: 48px; + right: 0; + } + .left_arraw { + width: 48px; + height: 48px; + left: 0; + } + .slick-track { + display: flex; + align-items: center; + height: 435px; + .slick-slide { + height: auto; + opacity: 0; } - .zone_n_title{ - color:#1f2329; - font-size:17px; - height: 24px; - line-height: 24px; + .slick-active { + opacity: 1; } - .zone_n_desc{ + } + .container { + + } + .slick-current { + z-index: 100; + } + .slick-current .zone_p_item { + width:364px; + height:395px; + background:#fefefe; + } + .zone_p_item { + cursor: pointer; + width: 364px; + height: 320px; + border-radius:16px; + padding: 42px; + box-shadow:0px 0px 20px rgba(35, 54, 185, 0.06); + background: url(./img/projectBg.png) no-repeat; + background-size: 100% 100%; + border-color:#ffffff; + transition: 0.3s; + display: flex; + flex-direction: column; + align-items: center; + .info_img { + width:74px; + height: 74px; + border-radius: 50%; + } + .z_p_title { + height: 22px; + font-weight: 700; + color: #1f2329; + font-size: 16px; + text-align: center; + margin-top: 20px; + } + .z_p_desc{ + margin-top: 18px; color:#4c5876; font-size:14px; - line-height:27px; + line-height:22px; word-break: break-all; - } - .zone_n_value{ - display: flex; - align-items: center; - justify-content: space-between; - height: 20px; - line-height: 20px; - } - .zone_btn{ - padding-right: 20px; - position: relative; - height: 20px; - line-height: 20px; - color: #07a583; - transition: 0.1s; - img{ - position: absolute; - left: 62px; - top:5px; - transition: 0.1s; - } - } - .item_index { - display: inline-block; - width:26px; - height:26px; - margin-right: 12px; - border:1px solid; - border-color:#07a583; - border-radius:3px; - text-align: center; - line-height: 26px; - color: #07a583; - font-size: 14px; - } - .zone_new_first{ - margin-left: 40%; - border-radius: 4px; - width: 682px; - padding-right: 30px; - .item_index { - font-weight:700; - color:#ffffff; - background-color:#07a583; - } - } - .zone_new_three{ - width: 1200px; - display: flex; - justify-content: space-between; - margin: 0 auto; - li{ - background-color: #fff; - width: 354px; - height: 196px; - padding:28px 22px; - border-radius: 4px; - display: flex; - flex-direction: column; - justify-content: space-between; - transition: 0.1s; - } - .new_item { - cursor: pointer; - } - .new_item:hover { - transform: translate(0, -10px); - img{ - left: 73px; - } - .zone_btn { - transform: translate(-5px, 0); - } - .zone_n_title { - color: #07a583; - } - } + -webkit-line-clamp: 5 } } - .zone_projects{ - background-image:linear-gradient(180deg,#f1f4fa 0%,#ffffff 100%); - .right_arraw { - width: 48px; - height: 48px; - right: 0; - } - .left_arraw { - width: 48px; - height: 48px; - left: 0; + .zone_p_item:hover { + .z_p_title { + color: #07a583; } + } + } + .zone_contributor{ + min-height: 466px; + background-color: #F7F9FC; + padding:44px 0px 30px; + .container { + height: 220px; + } + .zone_c_lists{ .slick-track { display: flex; - align-items: center; - height: 435px; - .slick-slide { - height: auto; - opacity: 0; - } - .slick-active { - opacity: 1; - } } - .container { - - } - .slick-current { - z-index: 100; - } - .slick-current .zone_p_item { - width:364px; - height:395px; - background:#fefefe; - } - .zone_p_item { - cursor: pointer; - width: 364px; - height: 320px; - border-radius:16px; - padding: 42px; - box-shadow:0px 0px 20px rgba(35, 54, 185, 0.06); - background: url(./img/projectBg.png) no-repeat; + .c_item { + margin-top: 40px; + margin-left: 10px; + width: 380px; + height: 165px; + background-image: url(./img/cbg.png); background-size: 100% 100%; + position: relative; + background-color:#f6f7fa; + border:2px solid; border-color:#ffffff; - transition: 0.3s; - display: flex; - flex-direction: column; - align-items: center; - .info_img { - width:74px; - height: 74px; + border-radius:4px; + box-shadow:0px 0px 10px rgba(7, 70, 165, 0.11); + padding: 30px 35px; + img { + position: absolute; + width:80px; + height:80px; border-radius: 50%; + border: solid 2px #ffffff; + right: 27px; + top: -40px; + object-fit: cover; } - .z_p_title { - height: 22px; - font-weight: 700; - color: #1f2329; + .c_name { + color: #000000; font-size: 16px; text-align: center; - margin-top: 20px; } - .z_p_desc{ - margin-top: 18px; - color:#4c5876; - font-size:14px; - line-height:22px; - word-break: break-all; - -webkit-line-clamp: 5 + .c_desc { + color: #4c5876; + font-size: 15px; + line-height: 26px; } } + .c_item:hover { + box-shadow:0px 0px 35px rgba(7, 70, 165, 0.11); + } } - .zone_contributor{ - min-height: 466px; - background-color: #F7F9FC; - padding:44px 0px 30px; - .container { - height: 220px; - } - .zone_c_lists{ - .slick-track { - display: flex; - } - .c_item { - margin-top: 40px; - margin-left: 10px; - width: 380px; - height: 165px; - background-image: url(./img/cbg.png); - background-size: 100% 100%; - position: relative; - background-color:#f6f7fa; - border:2px solid; - border-color:#ffffff; - border-radius:4px; - box-shadow:0px 0px 10px rgba(7, 70, 165, 0.11); - padding: 30px 35px; - img { - position: absolute; - width:80px; - height:80px; - border-radius: 50%; - border: solid 2px #ffffff; - right: 27px; - top: -40px; - object-fit: cover; - } - .c_name { - color: #000000; - font-size: 16px; - text-align: center; - } - .c_desc { - color: #4c5876; - font-size: 15px; - line-height: 26px; - } - } - .c_item:hover { - box-shadow:0px 0px 35px rgba(7, 70, 165, 0.11); - } + } + .zone_community { + background-color:#ebeff5; + display: flex; + flex-direction: column; + align-items: center; + .sub_title { + font-size: 17px; + line-height: 27px; + img { + width:32.93px; + height:9.15px; } } - .zone_community { - background-color:#ebeff5; + .c_role { display: flex; - flex-direction: column; - align-items: center; - .sub_title { - font-size: 17px; - line-height: 27px; - img { - width:32.93px; - height:9.15px; + justify-content: space-between; + z-index: 10; + .c_role_item { + width: 260px; + height: 213px; + background-image: url(./img/cbg2.png); + background-size: 100% 100%; + position: relative; + padding: 30px 23px; + .role_level { + font-weight: 700; + font-size: 18px; + line-height: 27px; } - } - .c_role { - display: flex; - justify-content: space-between; - z-index: 10; - .c_role_item { - width: 260px; - height: 213px; - background-image: url(./img/cbg2.png); - background-size: 100% 100%; - position: relative; - padding: 30px 23px; - .role_level { - font-weight: 700; - font-size: 18px; - line-height: 27px; - } - .role_todo { - color: #3d485d; - font-size: 15px; - line-height: 27px; - margin-top: 10px; - } - .dot { - width:14px; - height:14px; - border-radius: 50%; - background-color:#07a583; - position: absolute; - left: 6px; - bottom: 7px; - } - } - } - .dot_line { - height: 0px; - width: 1200px; - border-bottom: dashed 1px #8d95ac; - transform: translate(0, -14px); - } - } - .zone_grow { - display: flex; - flex-direction: column; - align-items: center; - background: url('./img/growBg.png') no-repeat; - background-size: 100% 100%; - .grow_path { - height: 158px; - display: flex; - justify-content: space-around; - align-items: center; - .grow_path_item { - z-index: 10; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - .grow_path_type { - width: 82px; - height: 28px; - border: 1px solid; - border-color: #07a583; - border-radius: 2px; - color: #07a583; - font-size: 15px; - display: flex; - align-items: center; - justify-content: center; - margin-top: 10px; - div { - width: 3px; - height: 13px; - background-color: #07a583; - margin-right: 3px; - } - } - .grow_path_plan { - color: #4c5876; - font-size: 15px; - text-align: center; - margin: 5px 0; - } - } - .grow_path_item:nth-child(even) { - align-self: self-end; - } - .grow_path_item:nth-child(odd) { - align-self: self-start; + .role_todo { + color: #3d485d; + font-size: 15px; + line-height: 27px; + margin-top: 10px; } .dot { - width:12px; - height:12px; - background-color:#ffffff; - border:1px solid; - border-color:#07a583; + width:14px; + height:14px; border-radius: 50%; - } - } - .line { - height: 0px; - width: 1200px; - border-bottom: solid 1px #07a583; - transform: translate(0, -80px); - } - .grow_introduction { - display: flex; - justify-content: space-between; - .intro_item { - width: 275px; - height: 250px; - background-color: #ffffff; - border-radius: 6px; - box-shadow: 0px 0px 12px rgba(29, 72, 129, 0.08); - padding: 22px 17px; - transition: 0.1s; - .intro_title { - font-weight: 700; - color: #3d485d; - font-size: 16px; - img { - width: 36px; - height: 36px; - margin-right: 10px; - } - } - .intro_desc { - color: #4c5876; - font-size: 15px; - margin-top: 6px; - } - } - .intro_item:hover { - transform: translate(0, -20px); + background-color:#07a583; + position: absolute; + left: 6px; + bottom: 7px; } } } - .zone_communicate { - height: 160px; - background: url('./img/communicateBg.png') no-repeat; - background-size: 100% 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - p { - font-weight: 500; - font-size: 22px; - color: #ffffff; - } - button { - width: 140px; - height: 40px; - color: #ffffff; - background-color: #07a583; - border-radius: 2px; - font-size: 16px; - cursor: pointer; - border: none; - } - } - .zone_parter{ - background-color: #fff; - padding:70px 0px 90px; - #scrollBox1{ - max-height: 332px; - overflow: hidden; - margin: 35px 0px 0px; - width: 100%; - .unitMainSlider{ - width: 1200px; - margin:0px auto; - .slick-list{ - height: 140px; - width: 100%; - overflow: hidden; - .slickMainline{ - display: flex!important; - padding:10px 2px; - align-items: center; - justify-content: center; - a{ - background: #FFFFFF; - box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.06); - border-radius: 4px; - border: 1px solid #FFFFFF; - margin-right: 20px; - padding:20px; - height: 120px; - width: 220px; - display: flex; - align-items: center; - justify-content: center; - &:hover{ - border: 1px solid #8FCEFF; - } - img{ - max-width: 100%; - max-height: 100%; - } - &:last-child{ - margin-right: 0px; - } - } - } - } - } - } - } -} - .zone1_VIP_box{ - padding:50px 0px; - .vip_sub_title{ - color:#1f2329; - font-size:15px; - line-height:27px; - text-align:center; - max-width: 1000px; - word-break: break-all; - margin:16px auto 0px; - } - .vip_list{ + .dot_line { + height: 0px; width: 1200px; - background-image: url('./img/vipListBg.png'), linear-gradient(180deg,#009f7d 0%,#0f6754 100%); - background-repeat: no-repeat; - background-size: contain; - border-radius: 10px; - .vip_list_card{ - padding:0px 40px 10px; - .card_title{ - width: 443px; - height: 49px; - background: url('./img/vipTitleBg.png') no-repeat; - background-size: 100% 100%; + border-bottom: dashed 1px #8d95ac; + transform: translate(0, -14px); + } + } + .zone_grow { + display: flex; + flex-direction: column; + align-items: center; + background: url('./img/growBg.png') no-repeat; + background-size: 100% 100%; + .grow_path { + height: 158px; + display: flex; + justify-content: space-around; + align-items: center; + .grow_path_item { + z-index: 10; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + .grow_path_type { + width: 82px; + height: 28px; + border: 1px solid; + border-color: #07a583; + border-radius: 2px; + color: #07a583; + font-size: 15px; display: flex; align-items: center; justify-content: center; - margin: 0 auto; - margin-top: 38px; - font-size: 20px; - font-weight: 700; + margin-top: 10px; div { - div:nth-child(1) { - text-shadow: 0 1px 0 #fed5a6; - color: #ffffff; - } - div:nth-child(2) { - position: absolute; - z-index: 10; - background-image: -webkit-linear-gradient(0deg,#fffcf9 0%,#ffffff 51.47%,#fed5a6 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - text-shadow: none; - } + width: 3px; + height: 13px; + background-color: #07a583; + margin-right: 3px; } } - .card_desc{ - color:#ffffff; - font-size:15px; - line-height:32px; - word-break: break-all; - margin-top: 32px; + .grow_path_plan { + color: #4c5876; + font-size: 15px; + text-align: center; + margin: 5px 0; } - .card_ul{ - margin: 25px 25px 25px 0; - padding-bottom: 10px; - background-image: linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%); - border-radius: 12px; - .card_u_li{ - &:last-child .card_u_wrap{ - border-bottom: none; + } + .grow_path_item:nth-child(even) { + align-self: self-end; + } + .grow_path_item:nth-child(odd) { + align-self: self-start; + } + .dot { + width:12px; + height:12px; + background-color:#ffffff; + border:1px solid; + border-color:#07a583; + border-radius: 50%; + } + } + .line { + height: 0px; + width: 1200px; + border-bottom: solid 1px #07a583; + transform: translate(0, -80px); + } + .grow_introduction { + display: flex; + justify-content: space-between; + .intro_item { + width: 275px; + height: 250px; + background-color: #ffffff; + border-radius: 6px; + box-shadow: 0px 0px 12px rgba(29, 72, 129, 0.08); + padding: 22px 17px; + transition: 0.1s; + .intro_title { + font-weight: 700; + color: #3d485d; + font-size: 16px; + img { + width: 36px; + height: 36px; + margin-right: 10px; + } + } + .intro_desc { + color: #4c5876; + font-size: 15px; + margin-top: 6px; + } + } + .intro_item:hover { + transform: translate(0, -20px); + } + } + } + .zone_communicate { + height: 160px; + background: url('./img/communicateBg.png') no-repeat; + background-size: 100% 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-evenly; + p { + font-weight: 500; + font-size: 22px; + color: #ffffff; + } + button { + width: 140px; + height: 40px; + color: #ffffff; + background-color: #07a583; + border-radius: 2px; + font-size: 16px; + cursor: pointer; + border: none; + } + } +} +.zone1_VIP_box{ + padding:50px 0px; + .vip_sub_title{ + margin-top: 25px; + color: #1f2329; + font-size: 17px; + line-height: 27px; + text-align: center; + } + .vip_list{ + margin-top: 50px; + padding-top: 1px; + width: 1200px; + background-image: url('./img/vipListBg.png'), linear-gradient(180deg,#009f7d 0%,#0f6754 100%); + background-repeat: no-repeat; + background-size: contain; + border-radius: 10px; + .vip_list_card{ + padding:0px 40px 10px; + .card_title{ + width: 443px; + height: 49px; + background: url('./img/vipTitleBg.png') no-repeat; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + margin: 0 auto; + margin-top: 38px; + font-size: 20px; + font-weight: 500; + div { + div:nth-child(1) { + position: absolute; + z-index: 10; + background-image: -webkit-linear-gradient(0deg,#fffcf9 0%,#ffffff 51.47%,#fed5a6 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: none; + } + div:not(:nth-child(1)) { + text-shadow: 0 1px 0 #fed5a6; + color: #ffffff; + } + } + } + .card_desc{ + color:#ffffff; + font-size:15px; + line-height:32px; + word-break: break-all; + margin-top: 32px; + } + .card_ul{ + margin: 25px 25px 25px 0; + padding-bottom: 10px; + background-image: linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%); + border-radius: 12px; + .card_u_li{ + &:last-child .card_u_wrap{ + border-bottom: none; + } + .card_u_wrap { + display: flex; + padding:30px 40px; + border-bottom: 1px dashed rgba(141, 149, 172,0.27); + align-items: center; + object-fit: cover; + & > a >img{ + width: 80px; + height: 80px; + border-radius: 50%; + margin-right: 24px; } - .card_u_wrap { - display: flex; - padding:30px 40px; - border-bottom: 1px dashed rgba(141, 149, 172,0.27); - align-items: center; - object-fit: cover; - & > a >img{ - width: 80px; - height: 80px; - border-radius: 50%; - margin-right: 24px; + .card_u_info{ + .card_u_down{ + color:#4c5876; + font-size:15px; + line-height:26px; + word-break: break-all; + margin-top: 15px; } - .card_u_info{ - .card_u_down{ - color:#4c5876; - font-size:15px; - line-height:26px; - word-break: break-all; - margin-top: 15px; + .card_u_up{ + display: flex; + align-items: center; + .card_name{ + font-weight:700; + color:#1f2329; + font-size:16px; + display: block; + max-width: 700px; + height:26px; + line-height: 26px; } - .card_u_up{ - display: flex; - align-items: center; - .card_name{ - font-weight:700; - color:#1f2329; - font-size:16px; - display: block; - max-width: 700px; - height:26px; - line-height: 26px; - } - .card_tag{ - color: #07a583; - border: 1px solid; - border-color: #07a583; - border-radius: 2px; - display: inline-block; - min-width: 76px; - text-align: center; - line-height: 26px; - font-size:15px; - margin-left: 15px; - } + .card_tag{ + color: #07a583; + border: 1px solid; + border-color: #07a583; + border-radius: 2px; + display: inline-block; + min-width: 76px; + text-align: center; + line-height: 26px; + font-size:15px; + margin-left: 15px; } } } @@ -658,4 +614,5 @@ } } } - } \ No newline at end of file + } +} \ No newline at end of file diff --git a/src/forge/Information/tempInfo.js b/src/forge/Information/tempInfo.js index 38b434b4d..3ae2fe698 100644 --- a/src/forge/Information/tempInfo.js +++ b/src/forge/Information/tempInfo.js @@ -2,12 +2,14 @@ export const tempConfig = { zone: { mainTitle: '领域资讯', hotTitle: '热门资讯', - member: '专区会员' + member: '专区会员', + vipDesc: '社区根据您的贡献与扮演角色将用户划分成为不同的人员团队，并构建会员成长体系。您有兴趣成为会员，尽情发挥创意与智慧，与专区共同成长吗？', }, zone1: { mainTitle: '新闻资讯', hotTitle: '热门新闻资讯', - member: '荣誉榜单' + member: '荣誉榜单', + vipDesc: '荣誉榜单记录用户在开源芯片社区的社区角与成长进度，欢迎广大用户参与到开源芯片项目，与社区共同成长！', } }