diff --git a/src/views/BusinessServices/size1440/index.vue b/src/views/BusinessServices/size1440/index.vue index 63fc1ed..050b2f2 100644 --- a/src/views/BusinessServices/size1440/index.vue +++ b/src/views/BusinessServices/size1440/index.vue @@ -4,9 +4,9 @@
-
+

{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }} -

+
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
@@ -15,9 +15,9 @@
-
+

{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }} -

+
@@ -42,7 +42,9 @@ class="content-point" >
-
{{ point }}
+
+ {{ point }} +
@@ -152,11 +154,6 @@ const solutions = computed(() => [ border-radius: 2px; } -/* 解决方案网格 */ -.solution-grid { - padding: 0rem 0 4rem; -} - .solution-group { display: flex; flex-direction: column; @@ -175,10 +172,6 @@ const solutions = computed(() => [ flex: 1; margin-top: 20px; } - - .solution-card { - height: 350px; - } } /* 移动端布局(<768px) */ @@ -213,39 +206,15 @@ const solutions = computed(() => [ /* 卡片公共样式 */ .solution-card { - background: white; border-radius: 16px; padding: 2.5rem; - box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1); transform: translateY(20px); opacity: 0; animation: cardEnter 0.6s ease forwards; - position: relative; - overflow: hidden; border: 1px solid rgba(137, 91, 255, 0.2); background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%); } -.solution-card::after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient( - 135deg, - rgba(137, 91, 255, 0.03) 0%, - rgba(137, 91, 255, 0) 100% - ); - z-index: -1; -} - -.solution-card:hover { - transform: translateY(-8px); - box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2); -} - .card-header { margin-bottom: 2rem; } @@ -284,7 +253,7 @@ const solutions = computed(() => [ .point-text { color: #4a3a6b; line-height: 1.6; - font-size: 1rem; + font-size: 18px; } @keyframes cardEnter { diff --git a/src/views/BusinessServices/size1920/index.vue b/src/views/BusinessServices/size1920/index.vue index 63fc1ed..050b2f2 100644 --- a/src/views/BusinessServices/size1920/index.vue +++ b/src/views/BusinessServices/size1920/index.vue @@ -4,9 +4,9 @@
-
+

{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.TITLE") }} -

+
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}
@@ -15,9 +15,9 @@
-
+

{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }} -

+
@@ -42,7 +42,9 @@ class="content-point" >
-
{{ point }}
+
+ {{ point }} +
@@ -152,11 +154,6 @@ const solutions = computed(() => [ border-radius: 2px; } -/* 解决方案网格 */ -.solution-grid { - padding: 0rem 0 4rem; -} - .solution-group { display: flex; flex-direction: column; @@ -175,10 +172,6 @@ const solutions = computed(() => [ flex: 1; margin-top: 20px; } - - .solution-card { - height: 350px; - } } /* 移动端布局(<768px) */ @@ -213,39 +206,15 @@ const solutions = computed(() => [ /* 卡片公共样式 */ .solution-card { - background: white; border-radius: 16px; padding: 2.5rem; - box-shadow: 0 10px 40px rgba(137, 91, 255, 0.1); transform: translateY(20px); opacity: 0; animation: cardEnter 0.6s ease forwards; - position: relative; - overflow: hidden; border: 1px solid rgba(137, 91, 255, 0.2); background: linear-gradient(135deg, #f9f6ff 0%, #f0e9ff 100%); } -.solution-card::after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient( - 135deg, - rgba(137, 91, 255, 0.03) 0%, - rgba(137, 91, 255, 0) 100% - ); - z-index: -1; -} - -.solution-card:hover { - transform: translateY(-8px); - box-shadow: 0 15px 50px rgba(137, 91, 255, 0.2); -} - .card-header { margin-bottom: 2rem; } @@ -284,7 +253,7 @@ const solutions = computed(() => [ .point-text { color: #4a3a6b; line-height: 1.6; - font-size: 1rem; + font-size: 18px; } @keyframes cardEnter { diff --git a/src/views/BusinessServices/size375/index.vue b/src/views/BusinessServices/size375/index.vue index 28164d4..4f87b66 100644 --- a/src/views/BusinessServices/size375/index.vue +++ b/src/views/BusinessServices/size375/index.vue @@ -43,7 +43,9 @@ class="content-point" >
-
{{ point }}
+
+ {{ point }} +
diff --git a/src/views/BusinessServices/size768/index.vue b/src/views/BusinessServices/size768/index.vue index 53211a6..f8a81d2 100644 --- a/src/views/BusinessServices/size768/index.vue +++ b/src/views/BusinessServices/size768/index.vue @@ -43,7 +43,9 @@ class="content-point" >
-
{{ point }}
+
+ {{ point }} +
diff --git a/src/views/companyoverview/size1440/index.vue b/src/views/companyoverview/size1440/index.vue index 086fc19..70cab42 100644 --- a/src/views/companyoverview/size1440/index.vue +++ b/src/views/companyoverview/size1440/index.vue @@ -6,9 +6,9 @@ class="company-overview" style="max-width: 1200px; margin: 60px auto" > -

+

{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }} -

+
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }} @@ -20,12 +20,11 @@
+

+ {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }} +

- {{ - $t("COMPANYOVERVIEW.TITLETHREE.TITLE") - }} -
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENT") }} @@ -41,9 +40,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }} +

@@ -163,9 +162,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }} +


{{ @@ -199,7 +198,7 @@ const stats = ref([ .company-overview { max-width: 1200px; margin: 0 auto; - padding: 0 20px; + /* padding: 0 20px; */ } /* 顶部大图区域 */ diff --git a/src/views/companyoverview/size1920/index.vue b/src/views/companyoverview/size1920/index.vue index 086fc19..70cab42 100644 --- a/src/views/companyoverview/size1920/index.vue +++ b/src/views/companyoverview/size1920/index.vue @@ -6,9 +6,9 @@ class="company-overview" style="max-width: 1200px; margin: 60px auto" > -

+

{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }} -

+
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }} @@ -20,12 +20,11 @@
+

+ {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }} +

- {{ - $t("COMPANYOVERVIEW.TITLETHREE.TITLE") - }} -
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENT") }} @@ -41,9 +40,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }} +

@@ -163,9 +162,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }} +


{{ @@ -199,7 +198,7 @@ const stats = ref([ .company-overview { max-width: 1200px; margin: 0 auto; - padding: 0 20px; + /* padding: 0 20px; */ } /* 顶部大图区域 */ diff --git a/src/views/companyoverview/size768/index.vue b/src/views/companyoverview/size768/index.vue index 306df0d..73faaf0 100644 --- a/src/views/companyoverview/size768/index.vue +++ b/src/views/companyoverview/size768/index.vue @@ -6,9 +6,9 @@ class="company-overview" style="max-width: 1200px; margin: 60px auto" > -

+

{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }} -

+
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }} @@ -20,12 +20,11 @@
+

+ {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }} +

- {{ - $t("COMPANYOVERVIEW.TITLETHREE.TITLE") - }} -
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENT") }} @@ -41,9 +40,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFOUR.TITLE") }} +

@@ -163,9 +162,9 @@
- {{ - $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") - }} +

+ {{ $t("COMPANYOVERVIEW.TITLEFIVE.TITLE") }} +


{{ @@ -191,14 +190,14 @@ const stats = ref([