diff --git a/CHANGELOG.md b/CHANGELOG.md index d6aea40..b08fb40 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,13 +1,20 @@ -# 1.0.3 +# v1.1.0 +``` +1,汉晶添加中英文翻译 +2,更改所有页面中英文切换样式及JS功能代码 所有页面logo图片不切换 +3,芯片产品文字中英文翻译 +4,英文公司名称 +``` +# v1.0.3 ``` 1,主营业务-服务优势-技术工具 文字说明调整为:在采用标准 EDA 工具链的基础上,我们开发了定制化自动脚本,提升设计效率与验证覆盖率。 ``` -# 1.0.2 +# v1.0.2 ``` 1,更新展望未来页面文字信息 2,删除掉XYV2红外图像处理芯片、SND32高保真音频处理芯片、AGRO1农业环境监测芯片、HEALX2医疗级心电检测芯片、INDT5工业机器人控制芯片、VIDA-M微型AI识别芯片6款产品 ``` -# 1.0.1 +# v1.0.1 ``` 1,更新汉晶 关于我们页面的文字信息 2,调整展望未来页面文字信息 diff --git a/css/aboutUs.css b/css/aboutUs.css index f98a91a..f545862 100644 --- a/css/aboutUs.css +++ b/css/aboutUs.css @@ -77,7 +77,7 @@ .bannertop{ width: 100%; height:105vh; - background-image: url(../imgs/svg/企业文化理念\(BJF\).svg); + background-image: url(../imgs/us/corporateCultureConcept.svg); background-repeat: no-repeat; background-size:40vw; background-position:0vw 50%; @@ -260,6 +260,21 @@ html { scroll-margin-top: 10vh; } +/* 英文状态下样式 */ +.topBannerLeftTitle p.en:nth-child(1) { + font-size: 2vw; + letter-spacing: normal; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + +} + +.topBannerLeftTitle p.en:nth-child(2) { + font-size: 1vw; + letter-spacing: normal; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + +} + diff --git a/css/approaching.css b/css/approaching.css index 7151cf5..d4079cf 100644 --- a/css/approaching.css +++ b/css/approaching.css @@ -153,3 +153,57 @@ padding: 1.2vw; } + +/* 英文状态下样式 */ +.topBannerLeftTitle p.en { + font-size: 2vw; + + letter-spacing: normal; + left: -3.5vw; +} + +/* .futureList.en li { + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + background: rgba(0,236,236,0.06); + border-radius: 12px; + margin-bottom: 2vw; + padding: 2vw 2vw 2vw 2vw; + color: #00ECEC; + box-shadow: 0 2px 8px rgba(0,236,236,0.08); + display: flex; + align-items: flex-start; + gap: 2vw; +} */ + +.futureList.en .futureContent p:nth-child(1) { + font-weight: bold; + font-size: 1.2vw; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + +} + +.futureList.en .futureContent p:nth-child(2) { + width: 96%; + /* font-weight: bold; */ + font-size: 1vw; + text-align: left; + line-height: 2.7vh; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + +} + +.futureList.en .futureCircleInner { + font-size: 1vw; + +} + +.textOne .Right p.en, +.textTwo .Right p.en, +.textThree .Right p.en { + font-family: 'Segoe UI', 'Arial', 'Helvetica Neue', sans-serif; + +} + + + + diff --git a/css/header.css b/css/header.css index 56b0a8c..4a7aa21 100644 --- a/css/header.css +++ b/css/header.css @@ -28,38 +28,44 @@ width: 100%; height: 65%; display: flex; - align-items: start; - justify-content: space-between; + align-items: center; + /* justify-content: space-around; */ /* background: palegoldenrod; */ } .logo{ - width: 20%; + width: 50%; height: 100%; display: flex; align-items: center; - justify-content: center; + padding-left: 10vw; } -.logo img{ - width: 3.5vw; +.logo img{ + width: 4vw; height: auto; + max-height: 4vw; + display: block; + object-fit: contain; /* 保证图片不变形 */ } .header ul{ - width: 45%; + width: auto; height: 100%; display: flex; align-items: center; justify-content: center; /* background: palevioletred; */ margin-left: 5vw; - padding-right: 10vw; + /* padding-right: 10vw; */ } .header ul li{ - width: 100%; + /* width: 100%; */ + min-width: 5vw; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.9vw; + margin-left: 1vw; + /* background: palegreen; */ } @@ -88,3 +94,111 @@ bottom: 0; left: 0; } +.language{ + /* width: 10%; */ + /* height: 100%; */ + /* background: palegoldenrod; */ + /* line-height:5vh; */ + padding-bottom: 2vh; + border:none; + outline: none; + cursor: pointer; + color: #009FD1; + transition: all 0.2s ease; + font-weight: 600; + font-size: 1vw; + background: transparent; + margin-left: 1vw; + +} +.language:hover{ + color: #fff; + text-shadow: 0 0 10px rgba(41, 111, 216, 0.5); +} + + +/* -------------------- */ + +/* 语言切换下拉框样式 */ +.lang-dropdown { + position: relative; + display: inline-block; + cursor: pointer; + margin-bottom: 2vh; + margin-left: 8px; +} + +.lang-btn { + display: flex; + align-items: center; + background-color: transparent; + color: #ffffff; + border: none; + cursor: pointer; + padding: 8px 12px; + border-radius: 4px; + font-size: 0.8vw; + transition: all 0.3s ease; + font-weight: 600; +} + +.lang-btn:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.lang-btn img { + width: 20px; + height: 14px; + margin-right: 8px; + border-radius: 2px; + object-fit: cover; +} + +.lang-btn .arrow { + margin-left: 8px; + transition: transform 0.3s ease; +} + +.lang-dropdown-content { + display: none; + position: absolute; + right: 0; + top: 100%; /* 确保设置了这个值 */ + min-width: 120px; + background-color: #ffffff; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); + border-radius: 4px; + z-index: 1000; + overflow: hidden; +} + +.lang-dropdown-content.show { + display: block; + animation: fadeIn 0.2s ease; +} + +.lang-item { + display: flex; + align-items: center; + padding: 10px 12px; + color: #333; + text-decoration: none; + transition: all 0.2s ease; +} + +.lang-item:hover { + background-color: #f5f5f5; +} + +.lang-item img { + width: 20px; + height: 14px; + margin-right: 8px; + border-radius: 2px; + object-fit: cover; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(-10px); } + to { opacity: 1; transform: translateY(0); } +} \ No newline at end of file diff --git a/css/index.css b/css/index.css index 3e1bd7b..c016ec1 100644 --- a/css/index.css +++ b/css/index.css @@ -418,7 +418,7 @@ body { .bannertop{ width: 100%; height:105vh; - background-image: url(../imgs/home/mainBusiness.svg); + background-image: url(../imgs/home/mainBusiness.png); background-repeat: no-repeat; background-size:40vw; background-position:0vw 50%; @@ -444,7 +444,7 @@ body { } .textBox p{ font-size: 1.2vw; - line-height: 6vh; + line-height: 5vh; margin-top: 5vh; } @@ -549,7 +549,7 @@ body { width: 100%; height: 108vh; position: relative; - background-image: url(../imgs/png/关于我们.png); + background-image: url(../imgs/home/aboutUs.png); background-repeat: no-repeat; background-size:40vw; background-position:0vw 50%; @@ -680,6 +680,25 @@ body { } +/* 英文样式 */ +.textBox.en { + width: 32vw; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + + } +.textBox.en h1{ + font-size: 1.3vw; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + +} + +.textBox.en p{ + font-size: 1.3vw; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + + } + + diff --git a/css/mainBusiness.css b/css/mainBusiness.css index 810e6f1..2a02083 100644 --- a/css/mainBusiness.css +++ b/css/mainBusiness.css @@ -287,4 +287,46 @@ -/* ----------------- */ \ No newline at end of file +/* ----------------- */ + +/* 英文状态下样式 */ +.topBannerLeft.en{ + width: 34%; +} +.topBannerLeftTitle p:nth-child(1).en + { + font-size: 1.8vw; + font-weight: 600; + letter-spacing: normal; + text-align: left; + + +} + +.topBannerLeftTitle p:nth-child(2).en{ + font-size: 1.1vw; + letter-spacing: normal; + text-align: left; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; + + +} + +/* 英文状态下样式 */ +.bannerBottomList li.en { + font-size: 1.1vw; + + letter-spacing: normal; /* 英文去除字间距 */ + + /* 其它英文专属样式 */ +} + +.bannerBottomList li.en p:nth-child(3) { + font-size: 0.9vw; + + letter-spacing: normal; /* 英文去除字间距 */ + width: 100%; + line-height: 1.7; + text-align: left; + font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif; +} \ No newline at end of file diff --git a/css/ourProducts.css b/css/ourProducts.css index d1b8d54..223e7ec 100644 --- a/css/ourProducts.css +++ b/css/ourProducts.css @@ -446,3 +446,13 @@ html { transform: translateX(10px); } +/* 英文状态下样式 */ +#topBannerLeftTitle1.en, +#topBannerLeftTitle2.en { + font-size: 2.3vw; + font-weight: 600; + letter-spacing: normal; + + +} + diff --git a/css/technicalSupport.css b/css/technicalSupport.css index 8c2f7da..f7651c2 100644 --- a/css/technicalSupport.css +++ b/css/technicalSupport.css @@ -20,7 +20,7 @@ /* background: #00316B; */ color: #fff; position: absolute; - top: 5vh; + top: 9vh; left: 16vw; } @@ -146,3 +146,10 @@ top: 0vh; left: 20vw; } +/* 英文状态下样式 */ +.topBannerLeftTitle p.en:nth-child(1) { + font-size: 2vw; + + + letter-spacing: normal; +} \ No newline at end of file diff --git a/html/aboutUs.html b/html/aboutUs.html index 92404c0..b72d77e 100644 --- a/html/aboutUs.html +++ b/html/aboutUs.html @@ -13,31 +13,64 @@ securityJsCode: 'd7d163684cbe3ea85f182a42cd1b8880', } - - - 深圳汉晶电子信息有限公司 + + + 深圳汉晶电子信息有限公司 + -
+ + +
+ + +
+ +
+
+ 中文 + 简体中文 +
+
+ English + English +
+
+
+ + + +
+
+ + + + + + +
@@ -137,8 +170,8 @@