diff --git a/src/components/Footer/NewFooter/index.less b/src/components/Footer/NewFooter/index.less index 53aeeb683..a303ddd3f 100755 --- a/src/components/Footer/NewFooter/index.less +++ b/src/components/Footer/NewFooter/index.less @@ -1,149 +1,291 @@ @import '~@/global.less'; -.newFooter { - padding: 90px 20px; - display: flex; - justify-content: center; - align-items: flex-start; - background: #242424; +// .newFooter { +// padding: 90px 20px; +// display: flex; +// justify-content: center; +// align-items: flex-start; +// background: #242424; +// min-width: 1200px; + +// :global { + +// .module-list { +// width: 200px; + +// .title { +// font-weight: 400; +// font-size: 16px; +// color: #dddddd; +// margin-bottom: 20px; +// font-weight: 400; +// } + +// a { +// display: block; +// color: #bbb; +// line-height: 34px; +// font-weight: 300; + +// &:hover { +// color: #fff; +// } +// } +// } + +// .module-introduce { +// display: flex; +// flex-direction: column; +// align-items: center; +// width: 290px; +// margin-top: -12px; + +// p { +// font-size: 12px; +// color: #bbb; +// line-height: 32px; +// margin-top: 12px; +// font-weight: 300; +// text-align: justify; +// } + +// ul { +// display: flex; +// justify-content: space-around; +// padding: 0; +// margin-top: 20px; + +// li { +// display: flex; +// flex-direction: column; +// justify-content: center; +// align-items: center; + +// span { +// font-size: 12px; +// color: #bbb; +// padding-top: 10px; +// } +// } + +// li:first-child { +// margin-right: 50px; +// } + +// li:last-child { +// img { +// cursor: pointer; +// &:hover { +// & + span { +// color: #fff; +// } +// } +// } + +// span { +// cursor: pointer; + +// &:hover { +// color: #fff; +// } +// } +// } +// } + +// ol { +// margin-top: 16px; +// display: flex; +// justify-content: space-around; +// padding: 0; +// height: 108px; + +// li { +// height: 100%; +// display: flex; +// flex-direction: column; +// justify-content: space-between; +// align-items: center; + +// a { +// font-size: 14px; +// color: #bbb; +// margin-top: 20px; + +// &:hover { +// color: #fff; +// } +// } +// } + +// li:nth-child(2) { +// margin: 0 54px; +// } +// } + +// .footer-line { +// width: 310px; +// height: 1px; +// background-color: #3e4042; +// margin: 32px 0; +// } + +// section { +// width: 100%; +// height: 115px; +// display: flex; +// flex-direction: column; +// justify-content: space-between; +// align-items: flex-start; +// font-size: 14px; +// color: #bbb; +// font-weight: 300; + +// img { +// margin-top: -2px; +// margin-right: 10px; +// } +// } +// } +// } +// } + + +.newFooter{ + position: absolute; + bottom: 0; + width: 100%; + background: #323232; + clear: both; min-width: 1200px; - - :global { - .module-list { - width: 200px; - - .title { - font-weight: 400; - font-size: 16px; - color: #dddddd; - margin-bottom: 20px; - font-weight: 400; + z-index: 8; + left: 0; + div[class~='footerInfos']{ + display: flex; + max-width: 1200px; + margin: 0 auto; + justify-content: space-around; + padding: 60px 0; + ul { + padding: 0 40px; + box-sizing: border-box; + max-width: 25%; + text-align: left; + li:first-child { + font-size: 17px; } - - a { - display: block; - color: #bbb; - line-height: 34px; + li { + color: #fff; font-weight: 300; - - &:hover { - color: #fff; - } - } - } - - .module-introduce { - display: flex; - flex-direction: column; - align-items: center; - width: 290px; - margin-top: -12px; - - p { - font-size: 12px; - color: #bbb; - line-height: 32px; - margin-top: 12px; - font-weight: 300; - text-align: justify; - } - - ul { - display: flex; - justify-content: space-around; - padding: 0; - margin-top: 20px; - - li { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - - span { - font-size: 12px; - color: #bbb; - padding-top: 10px; - } - } - - li:first-child { - margin-right: 50px; - } - - li:last-child { - img { - cursor: pointer; - &:hover { - & + span { - color: #fff; - } - } - } - - span { - cursor: pointer; - - &:hover { - color: #fff; - } - } - } - } - - ol { - margin-top: 16px; - display: flex; - justify-content: space-around; - padding: 0; - height: 108px; - - li { - height: 100%; - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - - a { - font-size: 14px; - color: #bbb; - margin-top: 20px; - - &:hover { - color: #fff; - } - } - } - - li:nth-child(2) { - margin: 0 54px; - } - } - - .footer-line { - width: 310px; - height: 1px; - background-color: #3e4042; - margin: 32px 0; - } - - section { - width: 100%; - height: 115px; - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: flex-start; - font-size: 14px; - color: #bbb; - font-weight: 300; - - img { - margin-top: -2px; - margin-right: 10px; + list-style: none; + line-height: 28px; + a,span { + color: #bbb; } } } } + p[class~='footerCopy']{ + color: #bbb; + border-top: 1px solid #4e4e4e; + padding: 10px 0; + text-align: center; + margin-bottom: 0px; + a { + color: #bbb; + } + } +} +.footer{ + div[class~='newFooter']{ + position: absolute; + bottom: 0; + width: 100%; + clear: both; + min-width: 1200px; + z-index: 8; + left: 0; + } + div[class~='footEdition']{ + background-color: #171B23; + div[class~='footContent']{ + display: flex; + align-items: flex-start; + padding:86px 0px; + justify-content: space-around; + width: 1200px; + margin:0px auto; + ul{ + min-width: 120px; + text-align: left; + margin-right: 80px; + padding-left: 0px; + &.center{ + text-align: center; + } + &>p{ + height: 22px; + font-size: 16px; + font-weight: 400; + color: #FFFFFF; + line-height: 22px; + } + &>img{ + width: 100px; + height: 100%; + margin-bottom: 30px; + margin-top: 25px; + border-radius: 10px; + } + li{ + height: 20px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + color: #BDC2D1; + list-style-type: none; + margin-bottom: 15px!important; + a{ + color: #BDC2D1!important; + &:hover{ + text-decoration: underline; + } + } + &.thehead{ + height: 25px; + font-size: 18px; + font-weight: 600; + color: #FFFFFF; + line-height: 25px; + margin-bottom: 20px!important; + } + } + .theline{ + .imgCon{ + width: 90px; + height: 90px; + padding:5px; + border-radius: 4px; + background-color: #fff; + img{ + width: 100%; + border-radius: 3px; + } + } + } + } + } + } + p[class~='copyrightDesc']{ + font-size: 12px; + font-weight: 400; + color: #BDC2D1; + line-height: 28px; + padding:15px 0px; + text-align: center; + background-color: #1B212C; + margin-bottom: 0px!important; + a{ + color: #BDC2D1!important; + } + } } diff --git a/src/components/Footer/NewFooter/index.tsx b/src/components/Footer/NewFooter/index.tsx index de06a3f95..5ccd27e56 100755 --- a/src/components/Footer/NewFooter/index.tsx +++ b/src/components/Footer/NewFooter/index.tsx @@ -75,7 +75,8 @@ const NewFooter: FC = ({ user, globalSetting }) => { -
+ {/* ?.replaceAll("/api/attachments/", ENV.IMG_SERVER + "/api/attachments/") */} +
{/*