Skip to content

N
ngic-company
Commit 8ba2f5a8 authored by krysent's avatar krysent
Browse files
Options

更改备案号

parent 9c5e12f4
Hide whitespace changes
Inline Side-by-side
Showing with 996 additions and 2 deletions
src/global.css 0 → 100644
View file @ 8ba2f5a8
html,
body,
#root {
width: 100%;
height: 100%;
}
.ant-menu-item-group-list .ant-menu-item {
height: auto !important;
}
.ant-menu-item-group-title {
color: #000000 !important;
position: relative;
font-weight: bold !important;
font-size: 16px !important;
text-indent: 6px !important;
}
.ant-menu-item-group-title + ul {
border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-body {
padding: 0 !important;
}
.centerl {
display: flex;
align-items: center;
}
.centerv {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
.spread {
display: flex;
justify-content: space-between;
align-items: center;
}
.bglight {
background-image: linear-gradient(145deg, #3d67ff 0%, #3d67ff 25%, #f74249 50%, #3d67ff 75%, #3d67ff 100%);
background-size: 400% 400%;
background-position: 0% 64%;
}
.bglights {
background-image: linear-gradient(145deg, #ffffff 0%, #edf5ff 25%, #edf5ff 50%, #edf5ff 75%, #ffffff 100%);
background-size: 400% 400%;
animation: bgmove 20s linear 0s infinite alternate forwards;
}
.bglightc {
background-image: linear-gradient(145deg, #bee9ff 0%, #99dbff 25%, #ffc4f1 50%, #99dbff 75%, #bee9ff 100%);
background-size: 400% 400%;
animation: bgmove 20s linear 0s infinite alternate forwards;
}
@keyframes bgmove {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 50%;
}
}
* {
margin: 0;
padding: 0;
}
#webFooter {
width: 100%;
/* height: auto; */
background-color: black;
}
#webFooter * {
font-size: 0.6rem !important;
}
#webFooter h2 {
font-size: 0.7rem !important;
font-weight: bolder !important;
}
#webFooter > div:first-child {
/* height:calc(100% - 40px) ; */
padding: 50px 50px 80px 80px;
/* display: flex;
flex-direction: row;
justify-content: space-between; */
}
.footer-copyright {
color: #c2c2c2;
border-top: 0.5px solid #c2c2c2;
font-size: 14px;
font-family: 'HarmonyOS Sans SC';
padding: 16px;
text-align: center;
}
.footer-copyright a {
cursor: pointer;
text-decoration: none;
color: #c2c2c2;
}
.footer-copyright a:visited {
color: #c2c2c2;
}
.footer-content h2 {
margin-bottom: 24px;
color: #ffffff;
font-family: '黑体';
}
.footer-content a {
text-decoration: none;
font-size: 16px;
color: #ffffff;
}
.footer-content a:hover {
color: #6193ff;
}
.footer-content li {
list-style-type: none;
margin-bottom: 16px;
}
.footer-content button {
width: 120px;
height: 36px;
margin-bottom: 24px;
color: #ffffff;
background-color: black;
border: 0.5px solid #c2c2c2;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
}
.footer-content button:hover {
color: #6193ff;
border-color: #9abaff;
}
.contact {
color: #ffffff;
}
.contact li {
list-style-type: none;
margin-bottom: 16px;
}
.contact > div {
width: 100%;
height: 100px;
margin-top: 32px;
display: flex;
/* flex-wrap: wrap; */
justify-content: space-between;
}
.nangao {
width: 100px;
height: 150px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nangao img {
width: 100%;
}
.nangao span {
padding-top: 0.4rem;
}
@media only screen and (max-width: 575px) {
.contact > div {
width: 100%;
height: auto;
margin-top: 32px;
display: block;
/* flex-wrap: wrap; */
/* justify-content: space-between; */
}
.footer-copyright {
height: auto;
/* padding-left: 32px; */
color: #c2c2c2;
/* border-top: 0.5px solid rgba(194, 194, 194, 1); */
/* line-height: 40px; */
font-size: 14px;
font-family: 'HarmonyOS Sans SC';
}
}
@media (min-width: 1024px) {
html {
font-size: 18px;
}
}
@media (min-width: 1100px) {
html {
font-size: 20px;
}
}
@media (min-width: 1280px) {
html {
font-size: 22px;
}
}
@media (min-width: 1366px) {
html {
font-size: 24px;
}
}
@media (min-width: 1680px) {
html {
font-size: 25px;
}
}
@media (min-width: 1920px) {
html {
font-size: 26px;
}
}
.ant-menu-title-content {
font-size: 16px !important;
}
.sections {
padding: 2rem 10%;
position: relative;
}
.sections .ant-card-body {
background-color: #f0f0f0;
}
.section {
padding: 2rem 10%;
position: relative;
}
.section h2 {
margin-bottom: 1rem;
}
.section .ant-tabs-tab-btn {
font-size: 0.7rem;
}
.section .tabs {
text-align: center;
font-size: 0.6rem;
}
.section .iconleft {
cursor: pointer;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
height: 2.5vw;
width: 10vw;
display: flex;
justify-content: center;
align-items: center;
}
.section .iconleft img {
height: 100%;
min-height: 30px;
}
.section .iconright {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 2.5vw;
width: 10vw;
display: flex;
justify-content: center;
align-items: center;
}
.section .iconright img {
height: 100%;
min-height: 30px;
}
.section .ant-card-bordered {
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding: 0 !important;
}
.section .ant-card-cover {
flex: 1;
}
.section .ant-card-cover,
.section .ant-card-body {
width: 100%;
padding: 1rem !important;
}
.section .ant-card-body {
padding-top: 0 !important;
}
.slider {
width: 80vw;
margin: 34px auto;
}
.title {
text-align: center;
font-size: 1.5rem;
}
.proditem {
flex: 1;
margin: 0 12px;
position: relative;
}
.proditem img {
width: 100%;
}
.proditem .placecontainer {
padding: 16px;
height: 5vw;
min-height: 120px;
background-color: #ffffff;
}
.proditem .textareacontainer {
background-color: #f0f0f0;
padding: 16px 16px 0 16px;
position: absolute;
bottom: 0px;
height: 50%;
transition: all 0.4s;
}
.proditem .textareacontainer h3 {
font-size: 0.8rem;
color: #000000;
transition: all 0.4s;
}
.proditem .textareacontainer p {
font-size: 0.6rem;
color: #333333;
transition: all 0.4s;
margin: 0;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.proditem .textareacontainer .btn {
zoom: 0;
transform: translateY(100px);
transition: all 0.6s;
}
.proditem:hover .textareacontainer {
background-color: #1890ff;
padding: 16px;
position: absolute;
bottom: 0px;
height: 80%;
border-radius: 8px;
}
.proditem:hover .textareacontainer h3 {
font-size: 0.8rem;
color: #ffffff;
}
.proditem:hover .textareacontainer p {
font-size: 0.6rem;
color: #f0f0f0;
margin-bottom: 8px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 20;
line-clamp: 20;
-webkit-box-orient: vertical;
}
.proditem:hover .textareacontainer .btn {
zoom: 1;
height: 32px;
transform: translateY(0px);
}
.proditem .textcontainer {
background-color: #ffffff;
padding: 16px 16px 0 16px;
position: absolute;
bottom: 0px;
transition: all 0.4s;
}
.proditem .textcontainer h3 {
font-size: 0.8rem;
color: #000000;
transition: all 0.4s;
}
.proditem .textcontainer p {
font-size: 0.6rem;
color: #333333;
transition: all 0.4s;
margin: 0;
}
.proditem .textcontainer .btn {
zoom: 0;
transform: translateY(100px);
transition: all 0.6s;
}
.proditem:hover .textcontainer {
background-color: #1890ff;
padding: 16px;
position: absolute;
bottom: 0px;
}
.proditem:hover .textcontainer h2 {
font-size: 0.8rem;
color: #ffffff;
}
.proditem:hover .textcontainer p {
font-size: 0.6rem;
color: #f0f0f0;
margin-bottom: 8px;
}
.proditem:hover .textcontainer .btn {
zoom: 1;
height: 32px;
transform: translateY(0px);
}
.oneline {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.img {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.twoline {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.diydots {
bottom: -44px !important;
}
.diydots li {
width: auto !important;
}
.diydots li button {
background-color: #333333 !important;
height: 6px !important;
width: 6px !important;
border-radius: 8px !important;
}
.diydots li.slick-active button {
background-color: #1890ff !important;
height: 6px !important;
width: 46px !important;
border-radius: 8px !important;
}
.diydotc {
bottom: 0px !important;
left: -2.6rem !important;
width: 100% !important;
justify-content: flex-start !important;
}
.diydotc li {
width: auto !important;
}
.diydotc li button {
background-color: #333333 !important;
height: 6px !important;
width: 6px !important;
border-radius: 8px !important;
}
.diydotc li.slick-active button {
background-color: #1890ff !important;
height: 6px !important;
width: 46px !important;
border-radius: 8px !important;
}
.diydotz {
bottom: 20px !important;
}
.diydotz li {
background-color: transparent !important;
height: 36px !important;
width: 36px !important;
border-radius: 36px !important;
position: relative;
border: 1px solid transparent;
}
.diydotz li button {
position: absolute;
width: 10px !important;
height: 10px !important;
margin: auto !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
z-index: 999999 !important;
background-color: #ffffff !important;
border-radius: 50% !important;
}
.diydotz li.slick-active {
background-color: transparent !important;
height: 36px !important;
width: 36px !important;
border-radius: 36px !important;
position: relative;
border: 1px solid #ffffff;
}
.diydotz li.slick-active button {
position: absolute;
width: 10px;
height: 10px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
background-color: #ffffff !important;
border-radius: 50% !important;
}
.more {
height: 1px;
width: 100%;
background-color: #ccc;
position: relative;
margin: 1rem 0;
}
.more a {
position: absolute;
right: 0;
top: -1.2rem;
}
.secitem {
cursor: pointer;
}
.secitem .arrow {
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
margin-left: 1rem;
flex-shrink: 0;
transition: all 0.4s;
cursor: pointer;
}
.secitem .arrow span {
color: #3d67ff;
font-size: 0.6rem;
}
.secitem:hover .arrow {
background-color: #3d67ff;
}
.secitem:hover .arrow span {
color: #ffffff;
}
.ant-pagination-total-text {
line-height: 30px !important;
}
.html img {
max-width: 100%;
margin: 0 auto;
display: block;
}
.hoverable {
cursor: pointer;
font-size: 0.6rem;
transition: all 0.4s;
}
.hoverable:hover {
color: #1890ff !important;
}
.tags {
background-color: #f2f6ff;
padding: 2rem;
padding-top: 1rem;
}
.itemlo {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.itemlo img {
height: 66px;
}
.itemlo p {
font-size: 0.8rem;
margin: 0.3rem;
}
.itemlo p + p {
font-size: 0.6rem;
margin-bottom: 2rem;
}
#mesContainer h2 {
padding: 16px;
text-align: center;
color: #015cac;
margin: 1rem 0;
}
.bgjs {
background-color: #f7fafc;
}
.cpjs {
padding: 2rem 10%;
}
.cpjs h3 {
font-size: 1.2rem;
margin: 0.4rem;
text-align: center;
color: #000000;
}
.cpjs p {
font-size: 0.8rem;
color: #333333;
}
.cpjs img {
display: block;
margin: 2rem auto;
width: 60vw;
min-width: 320px;
}
.imglimit img {
width: 50%;
min-width: auto !important;
}
.anli-text-left {
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 2rem;
padding-right: 0;
}
.anli-text-left * {
text-align: right;
}
.anli-text-left h4 {
font-size: 1rem;
}
.anli-text-left p {
font-size: 0.8rem;
}
.anli-text-right {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 2rem;
padding-left: 0;
}
.anli-text-right h4 {
font-size: 1rem;
}
.anli-text-right p {
font-size: 0.8rem;
}
.cpys-text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
}
.cpys-text div {
margin-bottom: 0.4rem;
}
.cpys-text div h4 {
font-size: 0.8rem;
margin-bottom: 6px;
}
.cpys-text div p {
font-size: 0.6rem;
}
.itemqs {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
overflow: hidden;
}
.itemqs img {
display: block;
width: 75% !important;
min-width: auto !important;
margin: 1rem;
}
.itemqs h2 {
font-size: 0.8rem !important;
margin: 0.2rem 0 0.8rem 0 !important;
padding: 0 !important;
}
.itemqs p {
font-size: 0.6rem;
}
.newspaper {
overflow: hidden;
}
@media (min-width: 400px) {
.newspaper {
column-count: 1;
column-gap: 32px;
}
}
@media (min-width: 768px) {
.newspaper {
column-count: 2;
column-gap: 32px;
}
}
@media (min-width: 992px) {
.newspaper {
column-count: 3;
column-gap: 32px;
}
}
@media (min-width: 1200px) {
.newspaper {
column-count: 3;
column-gap: 32px;
}
}
@media (min-width: 1660px) {
.newspaper {
column-count: 3;
column-gap: 32px;
}
}
.newspaper {
padding: 2rem;
}
.newspaper > div {
break-inside: avoid !important;
margin-bottom: 2rem;
}
.newspaper > div h2 {
color: #333333 !important;
text-align: left !important;
padding: 0 0 1rem 0 !important;
margin: 0 !important;
font-size: 0.8rem !important;
}
.newspaper > div p {
font-size: 0.6rem !important;
}
.newspapers {
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.newspapers > div {
break-inside: avoid !important;
margin-bottom: 1rem;
}
.newspapers > div h2 {
color: #333333 !important;
text-align: left !important;
padding: 0 0 0.4rem 0 !important;
margin: 0 !important;
font-size: 0.8rem !important;
}
.newspapers > div p {
font-size: 0.6rem !important;
}
.animate {
display: block;
width: 1rem;
height: 1rem;
position: relative;
overflow: visible;
margin-right: 0.6rem;
}
.animate::before {
content: '';
position: absolute;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
z-index: 999;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: #ffffff;
box-shadow: 0 0 4px rgba(20, 119, 246, 0.8);
}
.animate::after {
content: '';
position: absolute;
width: 1rem;
height: 1rem;
background-color: rgba(20, 119, 246, 0.4);
border-radius: 50%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transform-origin: center center;
animation: lager 1s ease-in-out 0s infinite forwards;
}
@keyframes lager {
from {
transform: scale(1);
background-color: rgba(20, 119, 246, 0.4);
}
to {
transform: scale(1.4);
background-color: rgba(20, 119, 246, 0);
}
}
.fot h4 {
font-size: 0.8rem;
text-align: center;
width: 100%;
padding: 0.2rem;
}
.fot p {
font-size: 0.6rem;
width: 100%;
padding: 0 0.8rem;
}
.fot span {
display: block;
margin-bottom: 0.4rem;
position: relative;
color: #000000;
padding-bottom: 0.4rem;
}
.fot span::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
height: 2px;
background-image: linear-gradient(145deg, #ffffff 0%, #edf5ff 25%, #edf5ff 50%, #edf5ff 75%, #ffffff 100%);
background-size: 400% 400%;
animation: bgmove 4s linear 0s infinite alternate forwards;
}
.diyinput {
font-size: 2rem;
text-align: center;
color: #ffffff;
position: relative;
}
.diyinput::before {
content: '';
width: 2vw;
height: 2vw;
position: absolute;
top: -1vw;
left: -2vw;
border: 0.5vw solid #ffffff;
border-right: none;
border-bottom: none;
}
.diyinput::after {
content: '';
width: 2vw;
height: 2vw;
position: absolute;
bottom: -1vw;
right: -2vw;
border: 0.5vw solid #ffffff;
border-left: none;
border-top: none;
}
.ant-pro-table .ant-pro-table-search,
.ant-pro-card-body {
margin: 0 !important;
padding: 0 !important;
}
.ant-pro-table-list-toolbar-container {
padding-top: 0 !important;
padding-bottom: 24px !important;
}
.ant-pro-table-list-toolbar-right {
flex: 1 !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.ant-pro-card-body {
padding-top: 0.8rem !important;
}
.ant-pro-card-body * {
font-size: 0.6rem !important;
}
.ant-pro-card-body .anticon-download * {
font-size: 1rem !important;
}
.olik > div {
overflow-x: hidden;
margin-right: -15px !important;
margin-bottom: -15px !important;
}
.olik > div:last-child {
right: 17px !important;
opacity: 0.8 !important;
display: block !important;
}
.ant-modal-confirm-content {
margin-left: 0 !important;
margin-top: 1rem !important;
}
.submit * {
font-size: 0.6rem;
}
.submit b {
color: #f74249;
}
.submit label {
display: block;
margin-bottom: 0.6rem;
}
.ant-menu-horizontal {
border: none !important;
}
.ant-pagination-total-text {
font-size: 0.65rem !important;
color: #999999 !important;
margin-right: 12px;
}
.loader {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(#ee280e, #15a0f7, #6ed15a);
animation: animate7712 1.2s linear infinite;
}
@keyframes animate7712 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient(#ee280e, #15a0f7, #5ad15a);
}
.loader:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: #333;
border: solid #333 10px;
border-radius: 50%;
}
.loader span:nth-child(1) {
filter: blur(5px);
}
.loader span:nth-child(2) {
filter: blur(10px);
}
.loader span:nth-child(3) {
filter: blur(25px);
}
.loader span:nth-child(4) {
filter: blur(50px);
}
.ant-tag {
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
}
src/global.less
View file @ 8ba2f5a8
......@@ -123,6 +123,14 @@ body,
font-family: 'HarmonyOS Sans SC';
padding: 16px;
text-align: center;
a {
cursor: pointer;
text-decoration: none;
color: rgba(194, 194, 194, 1);
&:visited {
color: rgba(194, 194, 194, 1);
}
}
}
.footer-content h2 {
margin-bottom: 24px;
......
src/layouts/footer.jsx
View file @ 8ba2f5a8
......@@ -157,8 +157,10 @@ export default () => {
</div>
<div className="footer-copyright">
Copyright © {new Date().getFullYear()} &nbsp;
江苏南高智能装备创新中心有限公司&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备案号:
苏ICP备18015471号
江苏南高智能装备创新中心有限公司&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://beian.miit.gov.cn" target="_blank">
备案号:苏ICP备18015471号-1
</a>
</div>
</div>
);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment