From 68575482b925b639d11691a985072113f932d10f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=B2=81=E6=B4=AA=E9=9C=9E?= Date: Mon, 16 Mar 2026 15:30:53 +0800 Subject: [PATCH] 111 --- .../templates/1/default/_files/css/main.css | 322 ++++++++++++++++++ .../templates/1/default/channel_solution.html | 253 ++++++++++++++ .../templates/1/default/channel_test.html | 9 - 3 files changed, 575 insertions(+), 9 deletions(-) create mode 100644 src/main/webapp/templates/1/default/channel_solution.html diff --git a/src/main/webapp/templates/1/default/_files/css/main.css b/src/main/webapp/templates/1/default/_files/css/main.css index 6687ec5..6857735 100644 --- a/src/main/webapp/templates/1/default/_files/css/main.css +++ b/src/main/webapp/templates/1/default/_files/css/main.css @@ -1886,3 +1886,325 @@ width:1400px; } +.solution_container1{ + background: #f0f9ff; + .banner { + width: 100%; + height: 320px; + background: url("../img/solution_banner.png") no-repeat top center; + .banner_main { + width: 1400px; + margin: 0 auto; + padding-top: 135px; + h2 { + font-size: 60px; + color: #ffffff; + margin: 0; + padding: 0; + } + .s_tit{ + font-size: 28px; + color: #ffffff; + } + p { + color: #ffffff; + margin-top: 5px; + } + } + } + .block1{ + width: 100%; + margin-top: 30px; + .block1_main{ + width: 100%; + text-align: center; + + + + .title{ + font-size: 38px; + color: #2c2c2c; + } + .s_img1{ + margin-top: 20px; + } + .block1_mid{ + width: 1440px; + margin: 0 auto; + padding-bottom: 50px; + padding-top: 50px; + + + .top{ + width: 100%; + background: #ffffff; + display: flex; + justify-content: space-around; + height: 62px; + border-radius: 4px; + box-shadow: 0px 0px 10px 0px rgba(203, 203, 203, 0.32); + line-height: 62px; + .item{ + width: 33.34%; + text-align: center; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + + + &:hover{ + background: #1c4eff url("../img/solution_img5.png") no-repeat top center; + color: #ffffff; + background-size: 100% 100%; + } + &.active{ + background: #1c4eff url("../img/solution_img5.png") no-repeat top center; + color: #ffffff; + background-size: 100% 100%; + } + } + } + .block1_wrap{ + width: 100%; + background: #ffffff; + border-radius: 4px; + padding: 50px; + box-sizing: border-box; + margin-top: 20px; + display: flex; + align-items: center; + .info{ + width: 60%; + text-align: left; + .title{ + font-size: 48px; + color: #2a6df9; + font-weight: bold; + } + .s_title{ + margin-top: 30px; + color: #444444; + } + .main{ + margin-top: 40px; + p{ + display: flex; + align-items: center; + color: #666666; + img{ + margin-right: 10px; + } + } + } + } + .block1_img{ + flex: 1; + } + } + } + } + } + +.block2{ + width: 100%; + padding-top: 30px; + .block2_main{ + width: 1400px; + margin: 0 auto; + + .title{ + text-align: center; + .tit{ + color: #181818; + font-size: 36px; + } + p{ + font-size: 16px; + color: #999999; + margin: 0; + } + } + .block2_wrap{ + width: 100%; + display: flex; + justify-content: space-between; + margin-top: 40px; + padding-bottom: 60px; + .item{ + width: 268px; + background: #ffffff; + border-style: solid; + border-width: 1px; + border-color: rgb(231 240 255); + border-radius: 6px; + background-image: -moz-linear-gradient( 120deg, rgb(238,245,255) 0%, rgb(255,255,255) 100%); + background-image: -webkit-linear-gradient( 120deg, rgb(238,245,255) 0%, rgb(255,255,255) 100%); + background-image: -ms-linear-gradient( 120deg, rgb(238,245,255) 0%, rgb(255,255,255) 100%); + padding: 30px 30px; + box-sizing: border-box; + box-shadow: 0 0 10px 0 rgba(203, 203, 203, 0.32); + transition: all 0.5s ease; + text-align: left; + + .img{ + transition: opacity 0.3s ease, visibility 0.3s ease; + opacity: 1; + visibility: visible; + } + .title{ + transition: color 0.3s ease; + font-size: 24px; + color: #222222; + margin: 30px auto 50px; + + } + .text{ + color: #666666; + transition: color 0.3s ease; + } + + &:hover{ + color: #ffffff; + width: 548px; + background: url("../img/solution_img11.png") no-repeat top center; + text-align: left; + padding: 30px; + .img{ + opacity: 0; + visibility: hidden; + } + .title{ + font-size: 24px; + color: #ffffff; + margin: 30px auto 50px; + text-align: left; + } + .text{ + color: #ffffff; + text-align: left; + } + } + + } + .active{ + color: #ffffff; + width: 548px; + background: url("../img/solution_img11.png") no-repeat top center; + text-align: left; + padding: 30px; + .img{ + opacity: 0; + visibility: hidden; + } + .title{ + font-size: 24px; + color: #ffffff; + margin: 30px auto 50px; + text-align: left; + } + .text{ + color: #ffffff; + text-align: left; + } + } + } + } + +} + + .solution{ + width:100% ; + background: #ffffff; + padding: 50px; + box-sizing: border-box; + .solution_container{ + width: 1400px; + margin: 0 auto; + .title{ + text-align: center; + .tit{ + margin: 0; + padding: 0; + font-size: 36px; + color: #4c4b4b; + + } + p{ + margin: 0; + padding: 0; + color: #999999; + font-size: 14px; + } + } + .solution_main{ + width: 100%; + display: flex; + margin-top: 30px; + flex-wrap: wrap; + .item{ + width: 330px; + height: 195px; + position: relative; + margin: 10px; + overflow: hidden; + .img{ + width: 100%; + height: 100%; + img{ + width: 100%; + height: 100%; + border-radius: 10px; + } + } + + .title{ + position: absolute; + top:15px; + left: 15px; + background: rgba(0,0,0,0.23); + padding: 10px 20px; + border-radius: 50px; + color: #ffffff; + font-weight: bold; + z-index: 2; + transition: background 0.3s ease; + } + .info{ + width: 100%; + height: 100%; + background: rgba(0,22,60,0.6); + border-radius: 10px; + position: absolute; + left: 0; + top: 0; + box-sizing: border-box; + color: #ffffff; + padding: 80px 20px; + z-index: 1; + opacity: 0; + transform: translateY(100%); + transition: all 0.4s ease; + .more{ + text-align: right; + margin-top: 20px; + } + } + &:hover{ + .info{ + opacity: 1; + transform: translateY(0); + } + .title{ + background: #1d78ff; + } + } + } + } + } + } + + +} + + diff --git a/src/main/webapp/templates/1/default/channel_solution.html b/src/main/webapp/templates/1/default/channel_solution.html new file mode 100644 index 0000000..6ed9431 --- /dev/null +++ b/src/main/webapp/templates/1/default/channel_solution.html @@ -0,0 +1,253 @@ + +[#escape x as (x)!?html] + + + + ${channel.title} - ${site.title} + + + + + [#include 'inc_meta.html'/] + [#include 'inc_css.html'/] + [#include 'inc_js.html'/] + + +[#include 'inc_header.html'/] + +
+ +
+
+
安全生产数智化管理平台
+
+ ${site.name} + +
+
+
+
+ ${site.name} + 一个大屏 +
+
+ ${site.name} + 3个体系 +
+
+ ${site.name} + 多个建设方案 +
+
+
+
+
数智化大屏
+
可视化管理突出重点要素，紧盯异常情况实现"千企千面"
+
+

+ ${site.name} + 集团管理的重点内容，及时呈现，实时更新； +

+

+ ${site.name} + 集团管理的重点内容，及时呈现，实时更新； +

+

+ ${site.name} + 集团管理的重点内容，及时呈现，实时更新； +

+
+
+
+ ${site.name} + +
+
+
+
+
+ +
+
+
+
靠谱的专业服务
+

助力提升安全管理效益,满足多行业的安全生产需求

+
+
+
+
${site.name}
+
风险辨识
+
内置符合企业的风险辨识清单，勾勾选选完成风险辨识
+
+
+
${site.name}
+
风险辨识
+
内置符合企业的风险辨识清单，勾勾选选完成风险辨识
+
+
+
${site.name}
+
风险辨识
+
内置符合企业的风险辨识清单，勾勾选选完成风险辨识
+
+
+
${site.name}
+
风险辨识
+
内置符合企业的风险辨识清单，勾勾选选完成风险辨识
+
+
+
+
+ + +
+
+
+
行业痛点
+

助力提升安全管理效益,满足多行业的安全生产需求

+
+
+
+
+ ${site.name} +
+
政府机构
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} + +
+
+
+
+
+ ${site.name} +
+
民爆
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+ ${site.name} +
+
机械
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+ ${site.name} +
+
军工
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+ ${site.name} +
+
水务
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+ + ${site.name} + +
+
农牧
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} + +
+
+
+
+
+ ${site.name} +
+
风电
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+ ${site.name} +
+
其他
+
+
涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域
+
+ ${site.name} +
+
+
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +[#include 'inc_footer.html'/] + + + +[/#escape] diff --git a/src/main/webapp/templates/1/default/channel_test.html b/src/main/webapp/templates/1/default/channel_test.html index efea0df..5e12902 100644 --- a/src/main/webapp/templates/1/default/channel_test.html +++ b/src/main/webapp/templates/1/default/channel_test.html @@ -43,19 +43,10 @@ [#include 'inc_page.html'/] [/@ArticlePage] - - - - - - - - - [#include 'inc_footer.html'/]