guangyin
/
hbt-moore-stone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:样式调整

master
guangyin 2026-03-05 17:39:22 +08:00
parent 734ff18121
commit 995a75588e
6 changed files with 1490 additions and 1105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/index.css
View File

@ -23,7 +23,7 @@
overflow: hidden;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 8px;
letter-spacing: 4px;
text-transform: uppercase;
font-family: "Microsoft YaHei UI Light", serif;
}
@ -35,7 +35,7 @@
.i_title p {
background: url(../images/i_bg1.png) center bottom no-repeat;
color: #FFFFFF;
padding-bottom: 15px;
padding-bottom: 8px;
}
.i_title.white p {
@ -55,7 +55,7 @@
.nproduct_list2 ul li {
float: left;
width: 32.1%;
width: 23.7%;
margin-left: 0.5%;
margin-right: 1%;
overflow: hidden;
@ -66,7 +66,7 @@
border-radius: 10px;
}
.nproduct_list2 ul li:nth-child(3n + 0) {
.nproduct_list2 ul li:nth-child(4n + 0) {
margin-right: 0;
}
@ -1332,9 +1332,9 @@
/*核心技术 start*/
.core_technology {
background: #000000;
color: #FFFFFF;
background: linear-gradient( 90deg, rgba(227,227,227,0.24) 0%, rgba(84,81,81,0.11) 46.18%, rgba(217,212,212,0.2) 100%); color: #FFFFFF;
padding: 52px 0;
margin-bottom: 1rem;
}
.core_technology .wrap {
@ -1364,7 +1364,6 @@
.service-item p{
text-align: center;
padding: 8px;
font-size: 28px;
}
.core-bg {
@ -1380,6 +1379,7 @@
.core-bg .core-item {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.core-bg .core-item img{

2547
css/style.css
View File

File diff suppressed because it is too large Load Diff

BIN
images/i_bg1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 932 B

After

Width:  |  Height:  |  Size: 540 B

BIN
images/i_bg3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 932 B

After

Width:  |  Height:  |  Size: 540 B

BIN
images/mobile_bg.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 604 KiB

34
index.htm
View File

@ -82,22 +82,22 @@
<div class="flex-box">
<img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
<div>
<h2 class="f36">算力资源资产化</h2>
<p class="f16">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
<h2 class="f36 core_technology_title">算力资源资产化</h2>
<p class="f16 core_technology_sub_title">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
<div>
<h2 class="f36">智能调度与交付</h2>
<p class="f16">动态调度Token，高效完成AI训练/推理任务</p>
<h2 class="f36 core_technology_title">智能调度与交付</h2>
<p class="f16 core_technology_sub_title">动态调度Token，高效完成AI训练/推理任务</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
<div>
<h2 class="f36">价值结算与再投资</h2>
<p class="f16">按Token消耗付费，资金反哺算力设施扩容</p>
<h2 class="f36 core_technology_title">价值结算与再投资</h2>
<p class="f16 core_technology_sub_title">按Token消耗付费，资金反哺算力设施扩容</p>
</div>
</div>
</div>
@ -114,22 +114,22 @@
摩尔基石成立于2025年，专注于国产算力平台的研发与应用落地 ，致力于打造基于国产芯片的云边端一体、软硬件协同、训练推理融合的AI算力基础平台和“AI+”解决方案。
</div>
</div>
<div class="flex-box anim anim-1">
<div class="flex-box flexWarp anim anim-1">
<div class="service-item">
<img src="/template/1/default/images/service1.png" class="img_style" alt="智算中心建设运营" />
<p>智算中心建设运营</p>
<p class="f28">智算中心建设运营</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service2.png" class="img_style" alt="智能交通" />
<p>智能交通</p>
<p class="f28">智能交通</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service3.png" class="img_style" alt="智能医疗" />
<p>智能医疗</p>
<p class="f28">智能医疗</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service4.png" class="img_style" alt="智能工业" />
<p>智能工业</p>
<p class="f28">智能工业</p>
</div>
</div>
</div>
@ -140,13 +140,14 @@
<div class="wrap0">
<div class="cloud-product">
<div class="i_title mg_0 anim anim-1">
<h2 class="f41">我们的核心技术</h2>
<h2 class="f41">核心技术</h2>
<p class="f24">TECHNOLOGY</p>
<div class="cloud-product-explain">
顶级平台实战经验：核心成员来自运营商、大型集成商的业务与数据<br/>
团队，精通复杂系统的规模化运营与资源整合。
</div>
</div>
<img class="mobile_banner" src="/template/1/default/images/mobile_bg.png" alt="">
<div class="core-bg flex-box anim anim-1">
<div class="core-content">
<div class="core-item">
@ -233,15 +234,14 @@
{/ms:channel}
<div class="nproduct_list2">
<ul>
{ms:arclist typeid="1666653706550321152" size=6}
{ms:arclist typeid="1666653706550321152" size=8}
<li class="anim anim-1">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs">
<img src="{@ms:file field.litpic/}" alt="${field.title}" />
<p>&nbsp;</p>
</div>
<h2 class="f24">${field.title}</h2>
<p>{@ms:len field.descrip 60 /}...</p>
<p>{@ms:len field.descrip 60 /}</p>
</a>
</li>
{/ms:arclist}
@ -320,7 +320,7 @@
</div>
{/ms:channel}
<div class="i_link anim anim-2">
<ul>
<ul class="flex-box flexWarp">
{ms:arclist typeid="1666653706550321169" size=12}
<li>
<a title="${field.title}">
@ -355,7 +355,7 @@
itemsDesktopSmall: [979, 3],
itemsTablet: [768, 2],
itemsTabletSmall: false,
itemsMobile: [479, 2],
itemsMobile: [479, 1],
navigation: true
});