diff --git a/templates/default_v2/index.html b/templates/default_v2/index.html index 8af23a5..d95aa2a 100644 --- a/templates/default_v2/index.html +++ b/templates/default_v2/index.html @@ -131,27 +131,42 @@ margin-left: 4px; font-size: 0.75rem; } + /* 服务card图片显示 */ + .service-card::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.2; + z-index: -1; + background-size: cover; + background-position: center; + transition: opacity 0.3s ease; + } .service-card { transition: all 0.3s ease; + /* 服务card图片显示 */ + position: relative; + z-index: 1; + } + + /* 动态样式注入 */ + /* 服务card图片显示 */ + .service-card::before { + background-image: var(--bg-image); } .service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } - - /* .timeline-item:not(:last-child)::after { - 下方竖线 - content: ''; - position: absolute; - left: 50%; - bottom: -20px; - transform: translateX(-50%); - width: 2px; - height: 20px; - background-color: #e5e7eb; - } */ + /* 服务card图片显示 */ + .service-card:hover::before { + opacity: 0.35; + } .carousel { position: relative; @@ -239,105 +254,77 @@ height: 235px; } - #projectoutdiv { + .custom-btn { position: relative; - width: 100%; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 16px 40px; + /* 增加左右内边距 */ + min-width: 240px; + /* 设置最小宽度 */ + font-size: 18px; + font-weight: 600; + text-decoration: none; + border-radius: 50px; + overflow: visible !important; z-index: 1; } - #projectoutdiv::before { - content: ""; + /* 按钮文字 */ + .btn-text { + position: relative; + z-index: 2; + color: #1a365d; + transition: color 0.3s ease; + text-align: center; + /* 确保文字居中 */ + } + + /* 动态背景层 */ + .btn-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; - opacity: 0.2; - /* 调整这个值改变背景图透明度 (0=全透明, 1=不透明) */ - z-index: -1; - /* 确保背景在内容下方 */ - /* background-image: url('{dreamer-cms:template /}images/IMG_20250429150832.png'); */ - background-size: cover; /* 新增:确保图片覆盖 */ - background-position: center; /* 新增:居中显示 */ - } - - #projectindiv { - position: relative; + background: linear-gradient(135deg, + #3b82f6 0%, + #8b5cf6 100%); + transform: scale(0.95); + transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } - /* 动态调整透明度(配合JavaScript) */ - #projectoutdiv:hover::before { - opacity: 0.35; /* 鼠标悬停时恢复部分清晰度 */ + + /* 悬停动效 */ + .custom-btn:hover { + transform: translateY(-3px); } - .custom-btn { - position: relative; - display: inline-flex; - align-items: center; - justify-content: center; - padding: 16px 40px; /* 增加左右内边距 */ - min-width: 240px; /* 设置最小宽度 */ - font-size: 18px; - font-weight: 600; - text-decoration: none; - border-radius: 50px; - overflow: visible !important; - z-index: 1; -} -/* 按钮文字 */ -.btn-text { - position: relative; - z-index: 2; - color: #1a365d; - transition: color 0.3s ease; - text-align: center; /* 确保文字居中 */ -} + .custom-btn:hover .btn-bg { + transform: scale(1); + } -/* 动态背景层 */ -.btn-bg { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient(135deg, - #3b82f6 0%, - #8b5cf6 100% - ); - transform: scale(0.95); - transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); - z-index: 1; -} + .custom-btn:hover .btn-text { + color: #f0f8ff; + } -/* 悬停动效 */ -.custom-btn:hover { - transform: translateY(-3px); -} + /* 二级按钮样式 */ + .btn-secondary .btn-bg { + background: linear-gradient(135deg, + #10b981 0%, + #34d399 100%); + } -.custom-btn:hover .btn-bg { - transform: scale(1); -} + /* 点击动效 */ + .custom-btn:active { + transform: translateY(1px); + } -.custom-btn:hover .btn-text { - color: #f0f8ff; -} - -/* 二级按钮样式 */ -.btn-secondary .btn-bg { - background: linear-gradient(135deg, - #10b981 0%, - #34d399 100% - ); -} - -/* 点击动效 */ -.custom-btn:active { - transform: translateY(1px); -} -/* 平台按钮点击动效 */ -#bbb { - z-index: 3; -} + /* 平台按钮点击动效 */ + #bbb { + z-index: 3; + } @@ -508,56 +495,65 @@
-
-
+ +

我们的服务

-

我们提供全方位的工程咨询服务,助力项目顺利实施

+ +

我们提供全方位的工程咨询服务,助力项目顺利实施

+
- {dreamer-cms:list typeid="gez4xw34" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} -
-
-
- -
-

全过程工程咨询

-

提供从项目前期策划到竣工验收的全过程咨询服务

- - 了解更多 - + {dreamer-cms:list typeid="48385ou5" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
+ +
+
+

全过程工程咨询

+

提供从项目前期策划到竣工验收的全过程咨询服务

+ + 了解更多 + +
{/dreamer-cms:list} -
-
+ {dreamer-cms:list typeid="3m1s0813" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
+

项目管理服务

专业的项目管理团队,确保项目按计划顺利实施

- + 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="0723u098" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -567,7 +563,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="5dwqhes7" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -577,7 +575,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="v35683wr" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -587,7 +587,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="fjr7p75l" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -597,7 +599,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="32n9y542" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -607,7 +611,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="8q398bn8" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -617,7 +623,9 @@ 了解更多
-
+ {/dreamer-cms:list} + {dreamer-cms:list typeid="10o2ipu3" pagenum="1" pagesize="1" cascade="true" sortBy="show_time" sortWay="desc"} +
@@ -627,6 +635,7 @@ 了解更多
+ {/dreamer-cms:list}
@@ -684,71 +693,6 @@ - - {dreamer-cms:include file="inc/footer.html" /}