From 5c26937860e1fd668c389aa3c080b5afa565b08a Mon Sep 17 00:00:00 2001 From: yiqiu Date: Sun, 23 Nov 2025 00:05:20 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=B7=E6=B1=82223?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 42 ++-- index.html | 650 +++++++++++++++++++++++++------------------------- 2 files changed, 347 insertions(+), 345 deletions(-) diff --git a/css/index.css b/css/index.css index 8fc4b9d..de1ea7d 100644 --- a/css/index.css +++ b/css/index.css @@ -88,6 +88,7 @@ overflow: hidden; } +/* banner 轮播容器 */ .banner-cont .swiper-slide { position: relative; height: 650px; @@ -98,6 +99,12 @@ radial-gradient(ellipse at 80% 70%, rgba(56, 189, 248, 0.12) 0%, transparent 50%), linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%); overflow: hidden; + /* 背景图设置 */ + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + /* 多重背景层叠：先渐变遮罩，再背景图 */ + background-blend-mode: normal, normal, normal; } /* 动态网格背景 */ @@ -108,12 +115,15 @@ left: 0; right: 0; bottom: 0; - background-image: + /* 添加深色遮罩，让文字更清晰 */ + background: + linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 50%, rgba(15, 23, 42, 0.3) 100%), linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px); - background-size: 50px 50px; + background-size: 100% 100%, 50px 50px, 50px 50px; animation: gridMove 20s linear infinite; pointer-events: none; + z-index: 1; } @keyframes gridMove { @@ -149,6 +159,7 @@ } } +/* 原 img 标签样式已废弃，现使用背景图 .banner-cont .swiper-slide .img { display: block; position: absolute; @@ -160,7 +171,6 @@ max-height: 85%; object-fit: contain; opacity: 0.95; - /* 移除 mix-blend-mode，让图片更清晰 */ filter: drop-shadow(0 20px 60px rgba(56, 189, 248, 0.3)); animation: floatImage 6s ease-in-out infinite; } @@ -173,8 +183,9 @@ transform: translateY(-50%) translateX(-20px); } } +*/ -/* 轮播文字层：左侧排列，为右侧图片留出空间 */ +/* 轮播文字层：左侧排列，z-index确保在遮罩之上 */ .banner-cont .swiper-slide .section-content { position: absolute; top: 50%; @@ -1377,9 +1388,11 @@ html { left: 5%; } + /* 已废弃：背景图不需要宽度设置 .banner-cont .swiper-slide .img { width: 50%; } + */ .banner-s .banner-list .banner-item { padding: 30px 40px; @@ -1418,20 +1431,13 @@ html { font-size: 15px; } - /* 平板尺寸下，图片改为背景，文字居中 */ - .banner-cont .swiper-slide .img { - width: 100%; - height: 100%; - opacity: 0.15; - filter: none; - object-fit: cover; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - transform: none; - animation: none; + /* 平板尺寸下，调整遮罩透明度，文字居中 */ + .banner-cont .swiper-slide::before { + background: + linear-gradient(rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.7) 100%), + linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px), + linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px); + background-size: 100% 100%, 50px 50px, 50px 50px; } .banner-cont .swiper-slide .section-content { diff --git a/index.html b/index.html index 3ca2e29..807abd0 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,7 @@
{if ( isset($data.banner) ) } {foreach $data.banner as $key=>$value} -
- +
{if !empty($value.tags)} {php}$__tags = preg_split('/[,，]/', $value['tags']);{/php} @@ -53,24 +52,21 @@
{/foreach} {else /} -
- +

中小企业的云计算底座

立即查看
-
- +

中小企业的云计算底座

立即查看
-
- +

中小企业的云计算底座

@@ -109,329 +105,329 @@
- - -
-
-
-

备受信赖的云计算服务商

-
主题云致力于为中小微企业提供全链业务上云解决方案，助力中国制造走向全球！
-
-
-
- -
-

云服务器

-
安全可靠、管理便捷的弹性计算服务，可随时变更计算资源，按需付费，降本增效。
-
-
弹性灵活
-
简单易用
-
秒级创建
-
-
-
￥200/3个月
-
-
查看详情
-
立即购买
-
-
-
- - -
-

物理裸机

-
可弹性伸缩的高性能计算服务，性能无损、安全隔离、分钟级极速交付。
-
-
高配硬件
-
性能无损
-
资源独享
-
-
-
￥200/3个月
-
-
查看详情
-
立即购买
-
-
-
- - -
-

域名注册

-
上百种域名后缀注册，智能查询、快速注册、实时生效、高性价比。
-
-
品类齐全
-
快速响应
-
实时生效
-
-
-
.top ￥200起
-
-
查看详情
- -
-
-
- -
- -
- -
-

SSL证书

-
一站式安全证书服务，可在线快速签发多种品牌数字证书，保障数据安全
-
-
安全可信
-
快速签发
-
一站式服务
-
- -
- - -
-

短信服务

-
三网合一专属通道，支持快速发送短信验证码和短信通知, 到达率高达99%。
-
-
低成本
-
低时延
-
高覆盖
-
- -
- - -
-

商标注册

-
提供商标查询、商标注册、商标续展等一站式高效服务，快速注册和管理商标。
-
-
专家指导
-
智能申报
-
高成功率
-
- -
- - -
- -
- -
-

服务器托管

-
依托全球高等级数据中心，提供高定制化、高可用性、高安全性的服务器托管服务。
-
-
双电接入
-
互联互通
-
多地区可选
-
- -
- - -
-

机柜租用

-
多条线路机房机柜，集冗余设计、高性能、可靠性、安全性和可扩展性于一身。
-
-
T3+数据中心
-
安全合规
-
灵活定制
-
- -
- - -
-

ICP办理

-
1V1备案处理服务机制,0元快速备案,备案过程0担忧。
-
-
全程跟进
-
高效便捷
-
极速下证
-
- -
- - -
-
-
- -
- - -
-
-
-

全场景全栈解决方案

-
专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。
-
-
-
-
- -
-

电商

-
有效应对大促带来的业务高并发问题，助力电商客户快速实现营销创新与业务增收。
-

查看详情

-
- -
-
- -
-

金融

-
助力金融机构打造面向垂直场景的创新方案，实现金融机构与用户之间的高效触达。
-

查看详情

-
- -
-
- -
-

游戏

-
构建高质量、全方位、深度体验的游戏云平台，提升研发效率，增强交互体验。
-

查看详情

-
- -
-
- -
-

汽车

-
面向汽车行业提供全场景信息化解决方案，助力车企打造更开放的新型连接生态。
-

查看详情

-
- -
-
- -
-
- -
-

文旅

-
通过“科技+文化旅游”的融合创新及落地应用，推动文旅行业信息化、智慧化发展。
-

查看详情

-
- -
-
- -
-

教育

-
实现数据互联、可视化、高交互的云上教育环境，打造云时代教育治理新模式。
-

查看详情

-
- -
-
- -
-

医疗

-
协助医疗机构打造资源共享、再利用、再生产的数据生态循环，提高资源配置效率。
-

查看详情

-
- -
-
- -
-

农业

-
助力农企构建智慧农业生产服务体系，提升农业精细化种植与管理水平。
-

查看详情

-
- -
-
-
-
- -
- - -
-
-
-

聚焦核心场景，助力数智升级

-
主题云专注为各行业用户提供专业、智能、无忧的上云方案
-
+ + +
+
+
+

备受信赖的云计算服务商

+
主题云致力于为中小微企业提供全链业务上云解决方案，助力中国制造走向全球！
+
+
+
+ +
+

云服务器

+
安全可靠、管理便捷的弹性计算服务，可随时变更计算资源，按需付费，降本增效。
+
+
弹性灵活
+
简单易用
+
秒级创建
+
+
+
￥200/3个月
+
+
查看详情
+
立即购买
+
+
+
+ + +
+

物理裸机

+
可弹性伸缩的高性能计算服务，性能无损、安全隔离、分钟级极速交付。
+
+
高配硬件
+
性能无损
+
资源独享
+
+
+
￥200/3个月
+
+
查看详情
+
立即购买
+
+
+
+ + +
+

域名注册

+
上百种域名后缀注册，智能查询、快速注册、实时生效、高性价比。
+
+
品类齐全
+
快速响应
+
实时生效
+
+
+
.top ￥200起
+
+
查看详情
+ +
+
+
+ +
+ +
+ +
+

SSL证书

+
一站式安全证书服务，可在线快速签发多种品牌数字证书，保障数据安全
+
+
安全可信
+
快速签发
+
一站式服务
+
+ +
+ + +
+

短信服务

+
三网合一专属通道，支持快速发送短信验证码和短信通知, 到达率高达99%。
+
+
低成本
+
低时延
+
高覆盖
+
+ +
+ + +
+

商标注册

+
提供商标查询、商标注册、商标续展等一站式高效服务，快速注册和管理商标。
+
+
专家指导
+
智能申报
+
高成功率
+
+ +
+ + +
+ +
+ +
+

服务器托管

+
依托全球高等级数据中心，提供高定制化、高可用性、高安全性的服务器托管服务。
+
+
双电接入
+
互联互通
+
多地区可选
+
+ +
+ + +
+

机柜租用

+
多条线路机房机柜，集冗余设计、高性能、可靠性、安全性和可扩展性于一身。
+
+
T3+数据中心
+
安全合规
+
灵活定制
+
+ +
+ + +
+

ICP办理

+
1V1备案处理服务机制,0元快速备案,备案过程0担忧。
+
+
全程跟进
+
高效便捷
+
极速下证
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+

全场景全栈解决方案

+
专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。
+
+
+
+
+ +
+

电商

+
有效应对大促带来的业务高并发问题，助力电商客户快速实现营销创新与业务增收。
+

查看详情

+
+ +
+
+ +
+

金融

+
助力金融机构打造面向垂直场景的创新方案，实现金融机构与用户之间的高效触达。
+

查看详情

+
+ +
+
+ +
+

游戏

+
构建高质量、全方位、深度体验的游戏云平台，提升研发效率，增强交互体验。
+

查看详情

+
+ +
+
+ +
+

汽车

+
面向汽车行业提供全场景信息化解决方案，助力车企打造更开放的新型连接生态。
+

查看详情

+
+ +
+
+ +
+
+ +
+

文旅

+
通过“科技+文化旅游”的融合创新及落地应用，推动文旅行业信息化、智慧化发展。
+

查看详情

+
+ +
+
+ +
+

教育

+
实现数据互联、可视化、高交互的云上教育环境，打造云时代教育治理新模式。
+

查看详情

+
+ +
+
+ +
+

医疗

+
协助医疗机构打造资源共享、再利用、再生产的数据生态循环，提高资源配置效率。
+

查看详情

+
+ +
+
+ +
+

农业

+
助力农企构建智慧农业生产服务体系，提升农业精细化种植与管理水平。
+

查看详情

+
+ +
+
+
+
+ +
+ + +
+
+
+

聚焦核心场景，助力数智升级

+
主题云专注为各行业用户提供专业、智能、无忧的上云方案
+
-
- -
- - -
-
-
-

安全合规、高速稳定的基础设施

-
-
-
-
-

20+

国家地理区域 -
-
-

60+

可用区 -
-
-

500+

全球CDN节点 -
-
-

1T+

可承载DDOS攻击 -
- -
- -
-
+
+ +
+ + +
+
+
+

安全合规、高速稳定的基础设施

+
+
+
+
+

20+

国家地理区域 +
+
+

60+

可用区 +
+
+

500+

全球CDN节点 +
+
+

1T+

可承载DDOS攻击 +
+ +
+ +
+
-
-
- - -
-
-
-

新动向，新机遇

-
最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间
-
-
-
-
-
官方公告
-
更多
-
-
- -
-
- -
-
-
新闻资讯
-
更多
-
-
-
-
-
- -
- -
- -
- -
- - {include file="footer"} +
+ + + +
+
+
+

新动向，新机遇

+
最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间
+
+
+
+
+
官方公告
+
更多
+
+
+ +
+
+ +
+
+
新闻资讯
+
更多
+
+
+
+
+
+ +
+ +
+ +
+ +
+ + {include file="footer"}