yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

发
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-22 18:37:59 +08:00
parent 0b3f5ca820
commit 0e1b0ad41c
2 changed files with 59 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
css/index.css
View File

@@ -211,21 +211,23 @@ body#index .nav-right .control {
margin: 10px; margin: 10px;
position: relative; position: relative;
padding: 30px; padding: 30px;
border: 1px solid rgba(226, 232, 240, 1); border-radius: 14px;
border-radius: 10px; /* 服务卡片使用深色半透明面板，叠加在暗色背景上 */
background: rgba(255, 255, 255, 0.96); background: radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.22) 0%, transparent 42%),
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06); rgba(15, 23, 42, 0.96);
border: 1px solid rgba(148, 163, 184, 0.4);
box-shadow: 0 22px 60px rgba(15, 23, 42, 0.85);
color: #E5E7EB;
} }
.service .service-box:hover { .service .service-box:hover {
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); box-shadow: 0 26px 70px rgba(15, 23, 42, 0.95);
border-color: rgba(56, 189, 248, 0.6); border-color: rgba(56, 189, 248, 0.75);
}
.service .service-box .service-title {
color: #F9FAFB;
} }
.service .service-box .service-title {
color: #333;
}
.service .service-box:hover h4 { .service .service-box:hover h4 {
color: #38BDF8; color: #38BDF8;
@@ -244,28 +246,29 @@ body#index .nav-right .control {
} }
.service-box .title-desc { .service-box .title-desc {
margin: 16px 0; margin: 16px 0;
height: 42px; height: 42px;
} color: rgba(148, 163, 184, 0.96);
}
.service .service-tag-group { .service .service-tag-group {
display: flex; display: flex;
} }
.service .service-tag-group .service-tag { .service .service-tag-group .service-tag {
display: flex; display: flex;
align-items: center; align-items: center;
justify-items: center; justify-items: center;
margin-right: 8px; margin-right: 8px;
font-size: 12px; font-size: 12px;
padding: 0 12px; padding: 0 12px;
color: rgba(0, 0, 0, 0.6); color: #E5E7EB;
height: 24px; height: 24px;
background: #F7F8F9; background: rgba(15, 23, 42, 0.9);
border: 1px solid #EDEDED; border: 1px solid rgba(148, 163, 184, 0.6);
border-radius: 1px; border-radius: 999px;
} }
/* 解决方案 */ /* 解决方案 */
@@ -366,21 +369,25 @@ body#index .nav-right .control {
color: rgba(148, 163, 184, 0.95); color: rgba(148, 163, 184, 0.95);
} }
.practice .practice-content { .practice .practice-content {
margin: -10px; margin: -10px;
margin-top: 40px; margin-top: 40px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.practice .practice-box { .practice .practice-box {
margin: 10px; margin: 10px;
padding: 30px; padding: 30px;
width: 453px; width: 453px;
border: 1px solid #E6EAED; border-radius: 14px;
text-align: center; text-align: center;
border-radius: 10px; /* 实践卡片使用深色面板，避免在暗背景上出现纯白块突兀 */
flex-shrink: 0; background: rgba(15, 23, 42, 0.96);
} border: 1px solid rgba(148, 163, 184, 0.4);
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.85);
color: #E5E7EB;
flex-shrink: 0;
}
.practice .practice-box img { .practice .practice-box img {
width: 177px; width: 177px;

15
js/globe.js
View File

@@ -153,7 +153,20 @@
camera.position.set(0, 0.2, dist); camera.position.set(0, 0.2, dist);
camera.lookAt(0, 0, 0); camera.lookAt(0, 0, 0);
// 在节点位置放置小型静态“节点点”，替代原来的绿色闪烁效果 // 在陆地多边形下方放置一个略小的球体作为“海洋”，用白色突出球体轮廓
// 颜色和透明度可以在这里调整
var oceanGeom = new THREE.SphereGeometry(r * 0.99, 64, 64);
var oceanMat = new THREE.MeshPhongMaterial({
color: "#FFFFFF", // 海洋/球体底色：白色（可改成其他颜色）
transparent: true,
opacity: 0.9, // 透明度：越接近 1 越实
shininess: 40,
side: THREE.FrontSide,
});
var oceanMesh = new THREE.Mesh(oceanGeom, oceanMat);
globe.add(oceanMesh);
// 在节点位置放置小型静态“节点点”
var nodeGeom = new THREE.SphereGeometry(r * 0.02, 16, 16); var nodeGeom = new THREE.SphereGeometry(r * 0.02, 16, 16);
var nodeMat = new THREE.MeshBasicMaterial({ var nodeMat = new THREE.MeshBasicMaterial({
color: "#38BDF8", color: "#38BDF8",