diff --git a/hanJing/.vscode/settings.json b/hanJing/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/hanJing/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/驭鑫/new yxsilicon/css/chipAgent.css b/驭鑫/new yxsilicon/css/chipAgent.css new file mode 100644 index 0000000..f8e9a18 --- /dev/null +++ b/驭鑫/new yxsilicon/css/chipAgent.css @@ -0,0 +1,355 @@ +.chipAgent-section{ + width: 100%; + height: 70vh; + background: #fbfbfb; +} + +.chipAgent-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/chip/chipbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; +} + +.chipAgent-section-content{ + width: 43%; + height: 80%; + padding-top: 5vw; + padding-left: 10vw; +} + +.chipAgent-section-content h3{ + font-size: 4vw; + font-weight: 300; + color: #fff; + letter-spacing: 0.15vw; +} + +.chipAgent-section-content p{ + font-size: 1.58vw; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); + line-height: 3vw; + letter-spacing: 0.1vw; + margin-top: 2vw; + text-align: justify; +} +/* ----------------芯片代理商------------ */ +.chipAgent-section-brand{ + width: 100%; + height: auto; + background: #fbfbfb; + margin: 0 auto; + padding-top: 5vw; +} +.chipAgent-title{ + width: 92%; + height: 15vh; + background: #F0F1F6; + margin: 0 auto; + text-align: center; + line-height: 15vh; + font-size: 1.3vw; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + letter-spacing: 0.1vw; + border-radius: 20px; + font-weight: 400; +} + +.chipAgent-section-brand-list{ + width: 88%; + height: 100%; + /* background: palegoldenrod; */ + margin: 0 auto; + margin-top: 2vw; +} +.chipAgent-section-brand-list-item{ + width: 100%; + +} +.chipAgent-section-brand-list-item-title{ + width: 100%; + height: 13vh; + /* background: palegoldenrod; */ + line-height: 13vh; + box-sizing: border-box; + display: flex; +} +.chipAgent-section-brand-list-item-title div{ + font-size: 1.3vw; + font-weight: 400; + letter-spacing: 0.1vw; + font-weight: 600; + display: inline-block; + width: 18vw; + /* background: pink; */ + margin-left: 1vw; + height: 100%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + + .country{ + width: 10vw !important; + text-align: left !important; +} +.product-line{ + width: 23vw !important; + text-align: left !important; +} +.application-field{ + width: 20vw !important; + text-align: left !important; + +} + +.brand-title{ + text-align: center; +} +.chipAgent-section-brand-list-item-content { + width: 100%; + height: 15vh; + box-sizing: border-box; + display: flex; + /* background: papayawhip; */ + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.chipAgent-section-brand-list-item-content div { + font-size: 1vw; + font-weight: 400; + letter-spacing: 0.1vw; + display: inline-block; + width: 18vw; + margin-left: 1vw; + height: 100%; + display: flex; + align-items: center; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + +} + +/* 修改品牌内容容器样式 */ +.content-brand { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + /* background: palegoldenrod; */ + height: 100%; + width: 100%; + box-sizing: border-box; + padding: 1vw 0; /* 添加上下内边距 */ + text-align: center; +} + +.content-brand img { + height: 2vw; /* 调整图片大小 */ + margin-bottom: 1vw; +} + +.content-brand p { + font-size: 0.8vw; + font-weight: 400; + letter-spacing: 0.1vw; + margin: 0; + line-height: 1.2; + +} + +.arrow-right{ + width: 5vw !important; + height: 100%; + + display: flex; + align-items: center; + justify-content: center; +} + +.arrowBox { + width:2vw !important; + height: 2vw !important; + background: #009FD1; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; +} +.arrowBox a{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.arrowBox img{ + width:40%; + height: auto; +} + +.arrowBox:hover { + background: #fff; + border: 1px solid #009FD1; + transform: scale(1.1); + transition: all 0.3s ease; +} + +.arrowBox:hover img{ + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + transition: all 0.3s ease; +} + +/* ---------------------------- */ +.chipAgent-section3{ + width: 100%; + height: 100vh; + z-index: 5; + position: relative; + background: #fbfbfb; + border-radius: 0px 0px 80px 80px; + padding-top: 5vw; +} + +.chipAgent-section3-bg { + width: 100%; + height: 100%; + background-image: url(../imgs/chip/bg.png); + background-size: cover; /* 改为 cover */ + background-repeat: no-repeat; + margin: 0 auto; + background-position: -8vw center; + overflow: hidden; + position: relative; /* 添加定位 */ + z-index: 10; +} + + +.chipAgent-section3-bg h2{ + width: 90%; + font-size: 4vw; + color: #1F599B; + margin-top: 1vh; + letter-spacing: 0.6vw; + font-weight: 300; + padding-left: 5vw; + z-index: 2; + padding-left: 6vw; + +} + +.chip-agent-underline { + position: absolute; + top: 4.7vw; + left: 1vw; + width: 90%; + height: 2vw; + margin: 0.5vw 0 0 0; + background: linear-gradient( + 90deg, + #f7fcfe 8%, + #e3f6fd 20%, + #e3f6fd 30%, + #f7fcfe 50% + ); + z-index: -1; +} +.chipAgent-section3-content{ + width: 100%; + height: 100%; + margin: 0 auto; + padding-top: 5vw; + display: flex; + justify-content: left; + + +} +.chipAgent-section3-content-left{ + width: 40%; + text-align: right; + padding-right: 5vw; +} + +.chipAgent-section3-content-left img{ + width: 68%; + height: auto; +} + +.chipAgent-section3-content-right{ + width: 50%; + padding-left: 5vw; + /* background: palegoldenrod; */ +} +.chipAgent-section3-content-right p{ + font-size: 1.5vw; + font-weight: 400; + letter-spacing: 0.1vw; + margin-top: 2vw; + line-height: 3vw; +} + + +.content-contactUs{ + width: 100%; + height: 18vh; + margin-top: 5vw; + display: flex; + align-items: center; + justify-content: right; + +} +.content-emailBox{ + width: 16vw; + height: 5vw !important; + height: auto; + padding: 1vw 2vw; + display: flex; + align-items: center; + justify-content: right; background: linear-gradient(90deg, #36c6f0 0%, #1a6dc5 100%); + border-radius: 54px; + transition: box-shadow 0.2s, background 0.3s,transform 0.2s; + justify-content: right; + +} +.content-emailBox span{ + font-size: 1.5vw; + font-weight: 400; + letter-spacing: 0.1vw; + margin-right: 1vw; + color: #fff; +} + +.content-email{ + width: 3vw; + height: 3vw; + background: #fff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.content-email img{ + width: 50%; + height: 50%; +} + + +.content-emailBox:focus .content-email, +.content-emailBox:hover .content-email { + background: #e6f7ff; + box-shadow: 0 0 0 4px rgba(54,198,240,0.15); + transform: scale(1.12) rotate(-6deg); +} + +.content-emailBox:focus, +.content-emailBox:hover { + box-shadow: 0 8px 24px rgba(26, 109, 197, 0.22); + background: linear-gradient(100deg, #4fd7fa 0%, #2a7be0 100%); + transform: translateY(-2px) scale(1.03); +} diff --git a/驭鑫/new yxsilicon/css/cloudComputingServer.css b/驭鑫/new yxsilicon/css/cloudComputingServer.css new file mode 100644 index 0000000..3b70ac7 --- /dev/null +++ b/驭鑫/new yxsilicon/css/cloudComputingServer.css @@ -0,0 +1,272 @@ +.chipAgent-section{ + width: 100%; + height: 70vh; + background: #fbfbfb; +} + +.chipAgent-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/cloud/topbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; +} + + +.chipAgent-section-content{ + width: 80%; + height: 80%; + padding-top: 5vw; + padding-left: 10vw; +} + +.chipAgent-section-content h3{ + font-size: 4vw; + font-weight: 300; + color: #fff; + letter-spacing: 0.15vw; +} + +.chipAgent-section-content p{ + width: 58%; + font-size: 1.4vw; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); + line-height: 3vw; + letter-spacing: 0.1vw; + margin-top: 2vw; + text-align: justify; +} + +/* --------------------云计算服务器设计生产制造销售 */ + +.cloudComputingServer-section{ + width: 100%; + height:150vh; + background: #fbfbfb; + margin-top: 20vh; +} + +.cloudComputingServer-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/cloud/cloundbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; + position: relative; +} + +.cloudComputingServer-section-bg h3{ + font-size: 5vw; + font-weight: 300; + color: #1F589B; + letter-spacing: 0.15vw; + margin-top: 5vw; + position: absolute; + top:-10vw; + left: 10vw; +} + +.cloudComputingServer-section-list{ + width: 98%; + height: 100%; + margin: 0 auto; + padding-top: 10vw; + display: flex; + flex-wrap: wrap; + padding-left: 5vw; +} + +.cloudComputingServer-section-list li{ + width: 25vw; + height: 28vw; + background: #F0F1F6; + margin-left: 4vw; + border-radius: 20px 20px 40px 20px; + box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1); + padding: 1vw; +} + +.cloudComputingServer-section-list li img{ + width: 100%; + height: auto; + +} + +.cloudComputingServer-section-list li div{ + width: 100%; + margin-top: 2vh; +} + +.cloudComputingServer-section-list li div h4{ + font-size: 1.3vw; + font-weight: 400; + color: #009FD0; + text-align: center; +} + +.cloudComputingServer-section-list li div p{ + width: 80%; + font-size: 1vw; + font-weight: 400; + color: #000; + margin: 0 auto; + text-align: left; + /* padding: 0px 1.5vw; */ + margin-top: 2vh; + line-height: 2vw; +} + +/* ---------服务器定制化服务------------------------- */ + + +.chipAgent-section3{ + width: 100%; + height: 100vh; + z-index: 5; + position: relative; + background: #fbfbfb; + border-radius: 0px 0px 80px 80px; + padding-top: 5vw; +} + +.chipAgent-section3-bg { + width: 100%; + height: 100%; + background-image: url(../imgs/chip/bg.png); + background-size: cover; /* 改为 cover */ + background-repeat: no-repeat; + margin: 0 auto; + background-position: -8vw center; + overflow: hidden; + position: relative; /* 添加定位 */ + z-index: 10; +} + + +.chipAgent-section3-bg h2{ + width: 90%; + font-size: 4vw; + color: #1F599B; + margin-top: 1vh; + letter-spacing: 0.6vw; + font-weight: 300; + padding-left: 5vw; + z-index: 2; + padding-left: 6vw; + +} + +.chip-agent-underline { + position: absolute; + top: 4.7vw; + left: 1vw; + width: 90%; + height: 2vw; + margin: 0.5vw 0 0 0; + background: linear-gradient( + 90deg, + #f7fcfe 8%, + #e3f6fd 20%, + #e3f6fd 30%, + #f7fcfe 50% + ); + z-index: -1; +} +.chipAgent-section3-content{ + width: 100%; + height: 100%; + margin: 0 auto; + padding-top: 5vw; + display: flex; + justify-content: left; + + +} +.chipAgent-section3-content-left{ + width: 40%; + text-align: right; + padding-right: 5vw; +} + +.chipAgent-section3-content-left img{ + width: 68%; + height: auto; +} + +.chipAgent-section3-content-right{ + width: 50%; + padding-left: 5vw; + /* background: palegoldenrod; */ +} +.chipAgent-section3-content-right p{ + font-size: 1.5vw; + font-weight: 400; + letter-spacing: 0.1vw; + margin-top: 2vw; + line-height: 3vw; +} + + +.content-contactUs{ + width: 100%; + height: 18vh; + margin-top: 5vw; + display: flex; + align-items: center; + justify-content: right; + +} +.content-emailBox{ + width: 16vw; + height: 5vw !important; + height: auto; + padding: 1vw 2vw; + display: flex; + align-items: center; + justify-content: right; background: linear-gradient(90deg, #36c6f0 0%, #1a6dc5 100%); + border-radius: 54px; + transition: box-shadow 0.2s, background 0.3s,transform 0.2s; + justify-content: right; + +} +.content-emailBox span{ + font-size: 1.5vw; + font-weight: 400; + letter-spacing: 0.1vw; + margin-right: 1vw; + color: #fff; +} + +.content-email{ + width: 3vw; + height: 3vw; + background: #fff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.content-email img{ + width: 50%; + height: 50%; +} + + +.content-emailBox:focus .content-email, +.content-emailBox:hover .content-email { + background: #e6f7ff; + box-shadow: 0 0 0 4px rgba(54,198,240,0.15); + transform: scale(1.12) rotate(-6deg); +} + +.content-emailBox:focus, +.content-emailBox:hover { + box-shadow: 0 8px 24px rgba(26, 109, 197, 0.22); + background: linear-gradient(100deg, #4fd7fa 0%, #2a7be0 100%); + transform: translateY(-2px) scale(1.03); +} \ No newline at end of file diff --git a/驭鑫/new yxsilicon/css/electronicProduct.css b/驭鑫/new yxsilicon/css/electronicProduct.css new file mode 100644 index 0000000..580f5b3 --- /dev/null +++ b/驭鑫/new yxsilicon/css/electronicProduct.css @@ -0,0 +1,242 @@ +.chipAgent-section{ + width: 100%; + height: 70vh; + background: #fbfbfb; +} + +.chipAgent-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/electronicproduct/topbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; +} + + +.chipAgent-section-content{ + width: 80%; + height: 80%; + padding-top: 5vw; + padding-left: 11vw; +} + +.chipAgent-section-content h3{ + font-size: 4vw; + font-weight: 300; + color: #fff; + letter-spacing: 0.15vw; +} + +.chipAgent-section-content p{ + width: 68%; + font-size: 1.48vw; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); + line-height: 3vw; + letter-spacing: 0.1vw; + margin-top: 2vw; + text-align: justify; + padding-left: 3.8vw; + +} + +/* ----------------------------------------- */ + + +.cloudComputingServer-section{ + width: 100%; + /* height:150vh; */ + background: #fbfbfb; + margin-top: 20vh; +} + +.cloudComputingServer-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/cloud/cloundbg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; + position: relative; +} + +.cloudComputingServer-section-bg h3{ + font-size: 5vw; + font-weight: 300; + color: #1F589B; + letter-spacing: 0.15vw; + margin-top: 5vw; + position: absolute; + top:-10vw; + left: 10vw; +} + +.cloudComputingServer-section-list{ + width: 98%; + height: 100%; + margin: 0 auto; + padding: 10vw 0; + display: flex; + flex-wrap: wrap; + padding-left: 5vw; + +} + +.cloudComputingServer-section-list li{ + width: 25vw; + height: 28vw; + background: #F0F1F6; + margin-left: 4vw; + border-radius: 20px 20px 40px 20px; + box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1); + padding: 1vw; + margin-top: 8vh; +} + +.cloudComputingServer-section-list li img{ + width: 100%; + height: auto; + +} + +.cloudComputingServer-section-list li div{ + width: 100%; + margin-top: 2vh; +} + +.cloudComputingServer-section-list li div h4{ + font-size: 1.3vw; + font-weight: 400; + color: #009FD0; + text-align: center; +} + +.cloudComputingServer-section-list li div p{ + width: 78%; + font-size: 1vw; + font-weight: 400; + color: #000; + margin: 0 auto; + text-align: left; + /* padding: 0px 1.5vw; */ + margin-top: 2vh; + line-height: 1.8vw; + +} + + +/* --------------------------- */ +.chipAgent-section3{ + width: 100%; + height: 120vh; + z-index: 5; + position: relative; + background: #fbfbfb; + border-radius: 0px 0px 80px 80px; + padding-top: 5vw; +} + +.chipAgent-section3-bg { + width: 100%; + height: 100%; + background-image: url(../imgs/chip/bg.png); + background-size: cover; /* 改为 cover */ + background-repeat: no-repeat; + margin: 0 auto; + background-position: -8vw center; + overflow: hidden; + position: relative; /* 添加定位 */ + z-index: 10; +} + + +.chipAgent-section3-bg h2{ + width: 90%; + font-size: 4vw; + color: #1F599B; + margin-top: 1vh; + letter-spacing: 0.6vw; + font-weight: 300; + padding-left: 5vw; + z-index: 2; + padding-left: 6vw; + +} + +.chip-agent-underline { + position: absolute; + top: 4.7vw; + left: 1vw; + width: 50%; + height: 2vw; + margin: 0.5vw 0 0 0; + background: linear-gradient( + 90deg, + #f7fcfe 8%, + #e3f6fd 20%, + #e3f6fd 30%, + #f7fcfe 50% + ); + z-index: -1; +} + +.chipAgent-section3-list{ + width: 80%; + margin: 0 auto; + padding-top: 5vw; + display: flex; +} + +.chipAgent-section3-list li{ + width: 25vw; + height: 26vw; + background: #F0F1F6; + border-radius: 20px 20px 40px 20px; + margin-left: 4vw; + box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1); + padding: 1vw; + margin-top: 8vh; +} + +.chipAgent-section3-list li img{ + width: 100%; + height: auto; +} + +.chipAgent-section3-list li div{ + width: 100%; + margin-top: 2vh; +} + +.chipAgent-section3-list li div h4{ + font-size: 1.3vw; + font-weight: 400; + color: #009FD0; + text-align: center; +} + +.chipAgent-section3-list li div p{ + width: 80%; + font-size: 1vw; + font-weight: 400; + color: #000; + text-align: left; + + line-height: 1.5vw; + margin: 0 auto; + margin-top:2vh; + color: rgba(0, 0, 0, 0.8); + +} + + + + + + + + + diff --git a/驭鑫/new yxsilicon/css/footer.css b/驭鑫/new yxsilicon/css/footer.css index 5bbb0ed..b94be97 100644 --- a/驭鑫/new yxsilicon/css/footer.css +++ b/驭鑫/new yxsilicon/css/footer.css @@ -60,6 +60,7 @@ display: flex; align-items: center; justify-content: space-around; + margin-left: 1vw; } .footer-links div{ width: 18vw; @@ -79,10 +80,10 @@ margin-bottom: 1vw; font-weight: 400; text-align: left; - width: 80%; + width: 90%; } .footer-links-list{ - width: 80%; + width: 90%; display: flex; flex-direction: column; /* justify-content: space-around; */ @@ -120,6 +121,7 @@ padding: 0 5vw; text-align: right; color: rgba(255, 255, 255, 0.7); + font-size: 0.8vw; } .footer-bottom .record{ diff --git a/驭鑫/new yxsilicon/css/header.css b/驭鑫/new yxsilicon/css/header.css index 785ef05..cf2b409 100644 --- a/驭鑫/new yxsilicon/css/header.css +++ b/驭鑫/new yxsilicon/css/header.css @@ -258,3 +258,24 @@ height: auto; } + +.menu-active .dropdown-item { + background: transparent; + border: 1px solid #00a0d1 + + +} + +.menu-active .dropdown-item img { + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + transition: all 0.3s ease; +} + +.dropdown-menu li a.menu-active { + background: #f2f8fa; + color: #007a9e; +} + + + + diff --git a/驭鑫/new yxsilicon/css/index.css b/驭鑫/new yxsilicon/css/index.css index b373e29..f9d6b70 100644 --- a/驭鑫/new yxsilicon/css/index.css +++ b/驭鑫/new yxsilicon/css/index.css @@ -246,7 +246,7 @@ body{ overflow-x: hidden; white-space: nowrap; flex: 1; - padding: 1vw 0; + padding: 1vw 3vw; /* 左右各加3vw，保证两侧有足够空间 */ scrollbar-width: none; -ms-overflow-style: none; } @@ -267,6 +267,7 @@ body{ max-width: 180px; /* background: palegoldenrod; */ margin-right: 2vw; + box-sizing: border-box; /* 确保尺寸计算包含内边距和边框 */ } .brand-item:first-child { margin-left: 2vw; diff --git a/驭鑫/new yxsilicon/css/serviceCases.css b/驭鑫/new yxsilicon/css/serviceCases.css new file mode 100644 index 0000000..6ee122b --- /dev/null +++ b/驭鑫/new yxsilicon/css/serviceCases.css @@ -0,0 +1,221 @@ +.chipAgent-section{ + width: 100%; + height: 70vh; + background: #fbfbfb; +} + +.chipAgent-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/case/casebg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; +} + +.chipAgent-section-content{ + width: 43%; + height: 80%; + padding-top: 6vw; + padding-left: 10vw; +} + +.chipAgent-section-content h3{ + font-size: 4vw; + font-weight: 300; + color: #fff; + letter-spacing: 0.15vw; +} + +.chipAgent-section-content p{ + font-size: 1.58vw; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); + line-height: 3vw; + letter-spacing: 0.1vw; + margin-top: 2vw; + text-align: justify; +} + +/* -------------------服务案例 */ + +.case-section { + position: relative; + width: 100%; + min-height: 150vh; + background: #fff; + overflow: hidden; + z-index: 5; + border-radius: 0 0 80px 80px; + } + .case-section-bg { + width: 100%; + height: 100%; + position: absolute; + left: 0; top: 0; right: 0; bottom: 0; + background: url('../imgs/case/bg.png') no-repeat center center; + background-size: cover; + + } + .case-container { + position: relative; + z-index: 1; + display: flex; + justify-content: left; + align-items: flex-start; + padding: 5vw; + width: 80%; + margin: 0 auto; + /* background: palegoldenrod; */ + height: 150vh; + padding-left: 8vw; + + + + } + .case-list { + display: flex; + flex-direction: column; + align-items: center; + gap: 80px; + margin-right: 5vw; + width: 20%; + height: 100%; + } + .case-btn { + width: 18vw; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 32px 0 24px; + height: 5vw; + border: 2px solid #00A0D2; + border-radius: 77px; + background: #fff; + font-size: 1vw; + font-weight: 500; + cursor: pointer; + transition: background 0.2s, color 0.2s; + outline: none; + position: relative; + } + .case-btn-arrow{ + width: 3vw; + height: 3vw; + background: #00A0D2; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: background 0.3s; + } + + + .case-btn-arrow img{ + width: 50%; + height: auto; + transition: all 0.3s; + } + + .case-btn:hover{ + background: #00A0D2; + color: #fff; + } + + + .case-btn:hover .case-btn-arrow { + background: #fff; + } + + .case-btn:hover .case-btn-arrow img{ + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + } + + .case-btn.active { + background: #00A0D2; + color: #fff; + } + + .case-btn.active .case-btn-arrow { + background: #fff; + } + + .case-btn.active .case-btn-arrow img { + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + } + + + + + .case-detail { + background: #F0F1F6; + border-radius: 20px; + box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.08); + padding: 40px 36px 36px 36px; + width: 40vw; + height: 120vh; + display: flex; + flex-direction: column; + align-items: center; + margin-left: 10vw; + + } + .case-detail-img{ + width: 85%; + height: 40%; + background: #fff; + display: flex; + align-items: center; + justify-content: center; + border-radius: 20px 20px 0 0; + } + .case-detail-img img { + width: 70%; + height: auto; + + } + .case-detail-title { + font-size: 1.5vw; + font-weight: 600; + margin-bottom: 18px; + text-align: center; + margin-top: 3vh; + font-weight: 400; + } + .case-detail-section { + margin-bottom: 12px; + width: 85%; + } + .case-detail-section p { + color: #00A0D2; + font-weight: 600; + margin-right: 8px; + font-size: 1.2vw; + font-weight: 400; + } + .case-detail-section span { + display: inline-block; + font-size: 0.9vw; + color: rgba(0, 0, 0, 0.8); + font-weight: 400; + margin-top: 2vh; + line-height: 1.5vw; + } + .case-detail-section ul { + margin: 0 0 0 18px; + padding: 0; + list-style: disc; + margin-left: 2vw; + } + .case-detail-section ul li { + font-size: 0.9vw; + color: rgba(0, 0, 0, 0.8); + font-weight: 400; + line-height: 1.5vw; + list-style: disc; + margin-top: 1vh; + + } + + diff --git a/驭鑫/new yxsilicon/css/technicalSupport.css b/驭鑫/new yxsilicon/css/technicalSupport.css new file mode 100644 index 0000000..2502926 --- /dev/null +++ b/驭鑫/new yxsilicon/css/technicalSupport.css @@ -0,0 +1,163 @@ +.chipAgent-section{ + width: 100%; + height: 70vh; + background: #fbfbfb; +} + +.chipAgent-section-bg{ + width: 98%; + height: 100%; + background-image: url(../imgs/case/casebg.png); + background-size: 100% 100%; + background-repeat: no-repeat; + margin: 0 auto; + background-position: top center; +} + +.chipAgent-section-content{ + width: 43%; + height: 80%; + padding-top: 6vw; + padding-left: 10vw; +} + +.chipAgent-section-content h3{ + font-size: 4vw; + font-weight: 300; + color: #fff; + letter-spacing: 0.15vw; +} + +.chipAgent-section-content p{ + font-size: 1.58vw; + font-weight: 400; + color: rgba(255, 255, 255, 0.9); + line-height: 3vw; + letter-spacing: 0.1vw; + margin-top: 2vw; + text-align: justify; +} + +/* ----------------技术支持 */ + +.case-section { + position: relative; + width: 100%; + min-height: 110vh; + background: #fff; + overflow: hidden; + z-index: 5; + border-radius: 0 0 80px 80px; + } + .case-section-bg { + width: 100%; + height: 100%; + position: absolute; + left: 0; top: 0; right: 0; bottom: 0; + background: url('../imgs/case/bg.png') no-repeat center center; + background-size: cover; + + } + + .case-list{ + margin: 0 auto; + width: 85%; + height: 100%; + display: flex; + justify-content: space-around; + padding-top: 8vw; + + } + + .case-item{ + width: 24vw; + height: 30vw; + background: #F0F1F6; + border-radius: 20px 20px 40px 20px; + display: flex; + flex-direction: column; + align-items: center; + box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.3); + padding: 1vw; + } + + .case-item-img{ + width: 100%; + height: 50%; + /* background: palegoldenrod; */ + display: flex; + align-items: center; + justify-content: center; + } + + .case-item-img img{ + width: 8vw; + height: auto; + } + + .case-item-title{ + width: 100%; + height: 45%; + } + + .case-item-title h4{ + font-size: 1.5vw; + font-weight: 400; + color: #00A0D2; + text-align: center; + } + + .case-item-title p{ + margin: 0 auto; + width: 80%; + font-size: 1vw; + font-weight: 400; + color: #333; + text-align: left; + margin-top: 2vh; + + } + + .arrow-box{ + width: 100%; + /* height: 10vh; */ + /* background: palegoldenrod; */ + display: flex; + align-items: center; + justify-content: flex-end; + padding-right: 1.5vw; + margin-bottom: 2vh; + } + + .arrow2{ + width: 3vw; + height: 3vw; + background: #00A0D2; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: all 0.3s ease; + + } + + + .arrow2 img{ + width: 1vw; + height: auto; + } + + + .arrow2:hover{ + background: #fff; + border: 1px solid #00A0D2; + } + + .arrow2:hover img{ + filter: brightness(0) saturate(100%) invert(41%) sepia(99%) saturate(749%) hue-rotate(162deg) brightness(97%) contrast(101%); + transition: all 0.3s ease; + + } + + diff --git a/驭鑫/new yxsilicon/html/aboutYuxin.html b/驭鑫/new yxsilicon/html/aboutYuxin.html index 0ef9eb7..74d3b0e 100644 --- a/驭鑫/new yxsilicon/html/aboutYuxin.html +++ b/驭鑫/new yxsilicon/html/aboutYuxin.html @@ -11,6 +11,7 @@ + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+
+ +
+

芯片代理

+

我们代理多家国际知名芯片厂商的高性能芯片，涵盖通信、嵌入式、A1、汽车电子等多个领域，提供全系列的芯片选型与供应服务，确保为客户提供最佳的解决方案。

+
+ +
+
+ +
+
+ 以下是我们在国内外代理的常用芯片品牌，涵盖了从控制器、电源、分立器件、传感器到存储器等多个领域，满足不同应用场景的需求。 +
+
+ +
+
+ +
+ +
+ +

芯片选型与支持

+
+
+
+ +
+ +
+

我们为客户提供专业的芯片选型服务，根据客户需求推荐最合适的芯片，并提供应用支持，帮助客户快速实现产品研发。

+
+ + 请联系我们 +
+ email +
+ + +
+ +
+
+ +
+ +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/html/cloudComputingServer.html b/驭鑫/new yxsilicon/html/cloudComputingServer.html index e69de29..d8b3b3a 100644 --- a/驭鑫/new yxsilicon/html/cloudComputingServer.html +++ b/驭鑫/new yxsilicon/html/cloudComputingServer.html @@ -0,0 +1,229 @@ + + + + + + + YXSILICON + + + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+
+ +
+

云计算服务器设计生产制造销售

+

我们提供从云计算服务器的设计、生产到销售的全方位服务，致力于为数据中心、企业客户及云计算平台提供高效、稳定、可扩展的服务器解决方案。

+
+ +
+
+ +
+
+

服务内容

+ +
+
+ + +
+ +
+ +

服务器定制化服务

+
+
+
+ +
+ +
+

根据不同客户的需求，我们可以为客户量身定制云计算服务器，包括处理器、存储、内存、网络接口等方面的配置，确保服务器在特定环境下的最佳性能。

+
+ + 请联系我们 +
+ email +
+ + +
+ +
+
+ +
+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/html/electronicProduct.html b/驭鑫/new yxsilicon/html/electronicProduct.html index e69de29..c2d94a1 100644 --- a/驭鑫/new yxsilicon/html/electronicProduct.html +++ b/驭鑫/new yxsilicon/html/electronicProduct.html @@ -0,0 +1,240 @@ + + + + + + + YXSILICON + + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+
+ +
+

电子产品设计生产制造服务

+

我们公司提供全方位的电子产品设计与制造服务，涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺，致力于为客户提供高性能、高质量的电子产品解决方案。

+
+ +
+
+ +
+
+

服务内容

+ +
+
+ + +
+ +
+ +

服务优势

+
+ + +
+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/html/mainBusiness.html b/驭鑫/new yxsilicon/html/mainBusiness.html deleted file mode 100644 index e69de29..0000000 diff --git a/驭鑫/new yxsilicon/html/serviceCases.html b/驭鑫/new yxsilicon/html/serviceCases.html index e69de29..cbf931b 100644 --- a/驭鑫/new yxsilicon/html/serviceCases.html +++ b/驭鑫/new yxsilicon/html/serviceCases.html @@ -0,0 +1,190 @@ + + + + + + + YXSILICON + + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+
+ +
+

服务案例

+

我们为客户提供差异化的产品服务

+
+ +
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/html/technicalSupport.html b/驭鑫/new yxsilicon/html/technicalSupport.html index e69de29..11ea7f0 100644 --- a/驭鑫/new yxsilicon/html/technicalSupport.html +++ b/驭鑫/new yxsilicon/html/technicalSupport.html @@ -0,0 +1,206 @@ + + + + + + + YXSILICON + + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+
+ +
+

技术支持

+

您需要哪方面的支持? 无论您是寻求复杂设计方面的帮助还是寻求快速建议，我们提供各种支持选项，满足您的需求

+
+ +
+
+ +
+
+ + +
+ +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/驭鑫/new yxsilicon/imgs/case/bg.png b/驭鑫/new yxsilicon/imgs/case/bg.png new file mode 100644 index 0000000..0614f4b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/bg.png differ diff --git a/驭鑫/new yxsilicon/imgs/case/c0040z.png b/驭鑫/new yxsilicon/imgs/case/c0040z.png new file mode 100644 index 0000000..8573b7b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/c0040z.png differ diff --git a/驭鑫/new yxsilicon/imgs/case/casebg.png b/驭鑫/new yxsilicon/imgs/case/casebg.png new file mode 100644 index 0000000..0683280 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/casebg.png differ diff --git a/驭鑫/new yxsilicon/imgs/case/h6pro.png b/驭鑫/new yxsilicon/imgs/case/h6pro.png new file mode 100644 index 0000000..19062bd Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/h6pro.png differ diff --git a/驭鑫/new yxsilicon/imgs/case/my100.png b/驭鑫/new yxsilicon/imgs/case/my100.png new file mode 100644 index 0000000..815148e Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/my100.png differ diff --git a/驭鑫/new yxsilicon/imgs/case/watercool.png b/驭鑫/new yxsilicon/imgs/case/watercool.png new file mode 100644 index 0000000..eaf39b2 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/case/watercool.png differ diff --git a/驭鑫/new yxsilicon/imgs/chip/bg.png b/驭鑫/new yxsilicon/imgs/chip/bg.png new file mode 100644 index 0000000..0614f4b Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/chip/bg.png differ diff --git a/驭鑫/new yxsilicon/imgs/chip/chipbg.png b/驭鑫/new yxsilicon/imgs/chip/chipbg.png new file mode 100644 index 0000000..77c6122 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/chip/chipbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/chip/modelSelection.png b/驭鑫/new yxsilicon/imgs/chip/modelSelection.png new file mode 100644 index 0000000..8e5468f Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/chip/modelSelection.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/cloundbg.png b/驭鑫/new yxsilicon/imgs/cloud/cloundbg.png new file mode 100644 index 0000000..8d30a80 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/cloundbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/customization.png b/驭鑫/new yxsilicon/imgs/cloud/customization.png new file mode 100644 index 0000000..28309db Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/customization.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/list1.png b/驭鑫/new yxsilicon/imgs/cloud/list1.png new file mode 100644 index 0000000..fa3d8fc Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/list1.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/list2.png b/驭鑫/new yxsilicon/imgs/cloud/list2.png new file mode 100644 index 0000000..f86ad25 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/list2.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/list3.png b/驭鑫/new yxsilicon/imgs/cloud/list3.png new file mode 100644 index 0000000..ca90e8a Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/list3.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/list4.png b/驭鑫/new yxsilicon/imgs/cloud/list4.png new file mode 100644 index 0000000..3d75f75 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/list4.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/list5.png b/驭鑫/new yxsilicon/imgs/cloud/list5.png new file mode 100644 index 0000000..dddfb36 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/list5.png differ diff --git a/驭鑫/new yxsilicon/imgs/cloud/topbg.png b/驭鑫/new yxsilicon/imgs/cloud/topbg.png new file mode 100644 index 0000000..bfffcb0 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/cloud/topbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/diversification.png b/驭鑫/new yxsilicon/imgs/electronicproduct/diversification.png new file mode 100644 index 0000000..e8a8a78 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/diversification.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/efficient.png b/驭鑫/new yxsilicon/imgs/electronicproduct/efficient.png new file mode 100644 index 0000000..55ffd3d Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/efficient.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list1.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list1.png new file mode 100644 index 0000000..70e9aed Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list1.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list2.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list2.png new file mode 100644 index 0000000..ed8a617 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list2.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list3.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list3.png new file mode 100644 index 0000000..5e6e424 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list3.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list4.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list4.png new file mode 100644 index 0000000..f6a385e Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list4.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list5.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list5.png new file mode 100644 index 0000000..c83f669 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list5.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list6.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list6.png new file mode 100644 index 0000000..89243ef Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list6.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/list7.png b/驭鑫/new yxsilicon/imgs/electronicproduct/list7.png new file mode 100644 index 0000000..5be7e5f Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/list7.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/topbg.png b/驭鑫/new yxsilicon/imgs/electronicproduct/topbg.png new file mode 100644 index 0000000..8992807 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/topbg.png differ diff --git a/驭鑫/new yxsilicon/imgs/electronicproduct/wholeprocess.png b/驭鑫/new yxsilicon/imgs/electronicproduct/wholeprocess.png new file mode 100644 index 0000000..ce4c671 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/electronicproduct/wholeprocess.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/agent/xt.jpg b/驭鑫/new yxsilicon/imgs/home/agent/xt.jpg new file mode 100644 index 0000000..374fad2 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/agent/xt.jpg differ diff --git a/驭鑫/new yxsilicon/imgs/home/customized.png b/驭鑫/new yxsilicon/imgs/home/customized.png new file mode 100644 index 0000000..4079363 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/customized.png differ diff --git a/驭鑫/new yxsilicon/imgs/home/performance.png b/驭鑫/new yxsilicon/imgs/home/performance.png new file mode 100644 index 0000000..cd53b28 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/home/performance.png differ diff --git a/驭鑫/new yxsilicon/imgs/technology/consulting.png b/驭鑫/new yxsilicon/imgs/technology/consulting.png new file mode 100644 index 0000000..b0d9568 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/technology/consulting.png differ diff --git a/驭鑫/new yxsilicon/imgs/technology/customization.png b/驭鑫/new yxsilicon/imgs/technology/customization.png new file mode 100644 index 0000000..5d4d5bd Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/technology/customization.png differ diff --git a/驭鑫/new yxsilicon/imgs/technology/product.png b/驭鑫/new yxsilicon/imgs/technology/product.png new file mode 100644 index 0000000..aa2e327 Binary files /dev/null and b/驭鑫/new yxsilicon/imgs/technology/product.png differ diff --git a/驭鑫/new yxsilicon/index.html b/驭鑫/new yxsilicon/index.html index 4ee0855..0c8d009 100644 --- a/驭鑫/new yxsilicon/index.html +++ b/驭鑫/new yxsilicon/index.html @@ -12,6 +12,7 @@ + @@ -33,7 +34,7 @@
  • - + 服务案例
    • @@ -94,9 +95,9 @@ -
    + arrow -
    +

    关于驭鑫

    @@ -123,15 +124,15 @@
    ST -
    德意半导体
    +
    意法 ST
    TI
    德州仪器 TI
    - NXP -
    恩智浦
    + NXP 恩智浦 +
    NXP 恩智浦
    ONSEMI @@ -143,35 +144,35 @@
    OMRON -
    欧姆龙
    +
    OMRON 欧姆龙
    - OMRON -
    Alliance
    + ALLIANCE 联盟 +
    ALLIANCE 联盟
    - 广濑 -
    广濑
    + HRS 广濑 +
    HRS 广濑
    KDS -
    KDS
    +
    KDS 大真空
    LEC -
    LEC
    +
    LEC 长弘
    - NORDIC -
    NORDIC
    + Nordic +
    Nordic
    ShinDengen -
    ShinDengen
    +
    ShinDengen 新电元
    SMC @@ -179,70 +180,74 @@
    世纳 -
    世纳
    +
    SNA 世纳
    - TSC -
    TSC
    + 台半 +
    台半
    UTC -
    UTC
    +
    UTC 友顺
    - 大唐 -
    大唐
    + 大唐微电子 DTT +
    大唐微电子 DTT
    富芯森美
    富芯森美
    - 高云 -
    高云
    + GOWIN 高云 +
    GOWIN 高云
    - 广和通 -
    广和通
    + 广和通 Fibocom +
    广和通 Fibocom
    - 华大 -
    华大
    + HDSC 华大 +
    HDSC 华大
    - 捷捷 -
    捷捷
    + 捷捷微电 +
    捷捷微电
    - 龙微 -
    龙微
    + Dragonchip 龙芯 +
    Dragonchip 龙芯
    - 强茂 -
    强茂
    + Panjit强茂 +
    Panjit强茂
    - 十速科技 -
    十速科技
    + Tenx 十速 +
    Tenx 十速
    - 顺络 -
    顺络
    + 顺络电子 SunLord +
    顺络电子 SunLord
    - 芯奥微 -
    芯奥微
    + 芯奥微 NeoMEMS +
    芯奥微 NeoMEMS
    - 芯洲科技 -
    芯洲科技
    + 芯洲 SCT +
    芯洲 SCT
    英联
    英联
    +
    + Nuvoton 新唐 +
    Nuvoton 新唐
    +
    @@ -321,18 +326,18 @@
    - 客户需求分析 -
    客户需求分析
    + 量身定制云计算服务器 +
    量身定制云计算服务器
    - 电子产品设计 -
    电子产品设计
    + 电子产品设计 +
    性能稳定高效
    - + 查看更多代理
    arrow @@ -365,7 +370,7 @@
    - + arrow
    @@ -383,7 +388,7 @@
    - + arrow
    @@ -401,7 +406,7 @@
    - + arrow
    @@ -415,7 +420,7 @@
    - + 查看更多代理
    arrow @@ -442,24 +447,24 @@

    解决方案

    关于我们

    diff --git a/驭鑫/new yxsilicon/js/aboutYuxin.js b/驭鑫/new yxsilicon/js/aboutYuxin.js index 4564206..05b5f90 100644 --- a/驭鑫/new yxsilicon/js/aboutYuxin.js +++ b/驭鑫/new yxsilicon/js/aboutYuxin.js @@ -164,4 +164,13 @@ document.addEventListener('DOMContentLoaded', function() { } else { console.error('地图容器不存在'); } + if (window.location.hash === '#address-li') { + const addressLi = document.getElementById('address-li'); + if (addressLi) { + addressLi.scrollIntoView({ behavior: 'smooth', block: 'start' }); + + } + } + + }); \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/footer.js b/驭鑫/new yxsilicon/js/footer.js new file mode 100644 index 0000000..3bffd7a --- /dev/null +++ b/驭鑫/new yxsilicon/js/footer.js @@ -0,0 +1,9 @@ +document.addEventListener('DOMContentLoaded', function() { + document.querySelectorAll('.footer-case-link').forEach(link => { + link.addEventListener('click', function(e) { + e.preventDefault(); + window.name = this.dataset.index + '|scroll'; + window.location.href = this.href; + }); + }); + }); \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/index.js b/驭鑫/new yxsilicon/js/index.js index 816d8a8..de5de46 100644 --- a/驭鑫/new yxsilicon/js/index.js +++ b/驭鑫/new yxsilicon/js/index.js @@ -1,65 +1,5 @@ document.addEventListener('DOMContentLoaded', function () { - /** 主营业务下拉菜单与遮罩层交互 */ - // const dropdown = document.querySelector('.nav-dropdown'); - // const mask = document.querySelector('.dropdown-mask'); - // const navLink = dropdown?.querySelector('.nav-link'); - - // if (dropdown || mask || navLink) { - // const handleToggleDropdown = (e) => { - // e.preventDefault(); - // const isOpen = dropdown.classList.contains('open'); - // if (isOpen) { - // dropdown.classList.remove('open'); - // dropdown.setAttribute('aria-expanded', 'false'); - // mask.classList.remove('active'); - // } else { - // dropdown.classList.add('open'); - // dropdown.setAttribute('aria-expanded', 'true'); - // mask.classList.add('active'); - // } - // }; - - // const handleCloseDropdown = () => { - // dropdown.classList.remove('open'); - // dropdown.setAttribute('aria-expanded', 'false'); - // mask.classList.remove('active'); - // }; - - // // 点击“主营业务”切换下拉 - // navLink.addEventListener('click', handleToggleDropdown); - - // // 遮罩层点击关闭 - // mask.addEventListener('click', handleCloseDropdown); - - // // 键盘无障碍支持（Enter/Space） - // dropdown.addEventListener('keydown', (e) => { - // if (e.key === 'Enter' || e.key === ' ') { - // e.preventDefault(); - // handleToggleDropdown(e); - // } - // if (e.key === 'Escape') { - // handleCloseDropdown(); - // } - // }); - - // } - - - - // /** 下拉菜单箭头hover切换图片 */ - // const dropdownMenuItems = document.querySelectorAll('.dropdown-menu li'); - // if (dropdownMenuItems.length) { - // dropdownMenuItems.forEach((li) => { - // li.addEventListener('mouseenter', () => { - // const img = li.querySelector('.dropdown-item img'); - // if (img) img.src = './imgs/home/arrow.svg'; - // }); - // li.addEventListener('mouseleave', () => { - // const img = li.querySelector('.dropdown-item img'); - // if (img) img.src = './imgs/home/arrow2.svg'; - // }); - // }); - // } + @@ -101,19 +41,18 @@ document.addEventListener('DOMContentLoaded', function () { const clone = list.cloneNode(true); clone.classList.add('brand-carousel-list-clone'); list.parentNode.appendChild(clone); - + list.style.display = 'inline-flex'; clone.style.display = 'inline-flex'; container.style.whiteSpace = 'nowrap'; - - let scrollSpeed = 1; // 调整为你想要的速度 + + let scrollSpeed = 1; let isHovering = false; let pauseTimer = null; - - // 鼠标悬停暂停 + container.addEventListener('mouseenter', () => { isHovering = true; }); container.addEventListener('mouseleave', () => { isHovering = false; }); - + function loopScroll() { if (!isHovering) { if (container.scrollLeft >= list.scrollWidth) { @@ -125,30 +64,47 @@ document.addEventListener('DOMContentLoaded', function () { requestAnimationFrame(loopScroll); } loopScroll(); - + + // 动态获取单个brand-item的宽度（含margin） function getItemWidth() { const item = list.querySelector('.brand-item'); if (!item) return 200; const style = getComputedStyle(item); - return item.offsetWidth + parseFloat(style.marginLeft || 0) + parseFloat(style.marginRight || 0); + // 只加margin-right，因为你只有右间隔 + return item.offsetWidth + parseFloat(style.marginRight || 0); } - + function scrollByStep(step) { - // 暂停自动滚动一小段时间 isHovering = true; if (pauseTimer) clearTimeout(pauseTimer); pauseTimer = setTimeout(() => { isHovering = false; }, 1500); - - let target = container.scrollLeft + step * getItemWidth(); - if (target < 0) { - target = list.scrollWidth + target; - } - if (target >= list.scrollWidth) { - target = target - list.scrollWidth; - } - container.scrollTo({ left: target, behavior: 'smooth' }); + + const itemWidth = getItemWidth(); + const visibleItems = Math.floor(container.offsetWidth / itemWidth); + const count = 3; // 每次滑动3个 + + // 计算新的滚动位置，确保完整项目显示 + let target = Math.round(container.scrollLeft / itemWidth) * itemWidth; + target += step * count * itemWidth; + + // 限制滚动范围 + if (target < 0) target = 0; + const maxScrollPosition = list.scrollWidth - container.offsetWidth + + (container.offsetWidth % itemWidth); // 调整 + if (target > maxScrollPosition) target = maxScrollPosition; + + // 滚动到指定位置 + container.scrollTo({ + left: target, + behavior: 'smooth' + }); + + // 调试信息 + console.log('Item width:', itemWidth); + console.log('Visible items:', visibleItems); + console.log('Scrolling to position:', target); } - + if (btnLeft) { btnLeft.addEventListener('click', () => { scrollByStep(-1); @@ -211,6 +167,33 @@ document.addEventListener('DOMContentLoaded', function () { console.log('List width:', cardList.scrollWidth); console.log('Clone width:', clone.scrollWidth); console.log('Initial scroll position:', cardContainer.scrollLeft); + + } + + + // -----------------------点击跳转服务案例页面对应项目-------------------------------- + document.querySelectorAll('.service-case-link').forEach(link => { + link.addEventListener('click', function(e) { + e.preventDefault(); + // 传递 index 和 scroll 标记 + window.name = this.dataset.index + '|scroll'; + window.location.href = this.href; + }); + }); + + // -------绑定banner箭头跳转-------------- + function handleCaseJump(selector) { + document.querySelectorAll(selector).forEach(link => { + link.addEventListener('click', function(e) { + e.preventDefault(); + window.name = this.dataset.index + '|scroll'; + window.location.href = this.href; + }); + }); + } + + // 绑定banner箭头跳转 + handleCaseJump('.arrowBox[data-index]'); }); \ No newline at end of file diff --git a/驭鑫/new yxsilicon/js/serviceCases.js b/驭鑫/new yxsilicon/js/serviceCases.js new file mode 100644 index 0000000..aa77a87 --- /dev/null +++ b/驭鑫/new yxsilicon/js/serviceCases.js @@ -0,0 +1,114 @@ +// 假设放在