From ed16a3314f304243137447b846ff026f73536996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Fri, 27 Mar 2026 15:07:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BB=A5=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=92=8C=E6=8F=90=E5=8D=87=E5=8F=AF=E8=AF=BB?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/example/index.vue       | 14 ++++----
 src/views/pages/homeNew/index.vue | 56 +++++++++++++++++--------------
 2 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/views/example/index.vue b/src/views/example/index.vue
index 4b8adf6..bbe6dd4 100644
--- a/src/views/example/index.vue
+++ b/src/views/example/index.vue
@@ -272,11 +272,9 @@ function goLogin() {
 	}
 
 	.list {
-		display: grid;
-		grid-template-columns: repeat(4, 1fr);
-		gap: 16px;
-		// justify-content: flex-start;
-		// align-content: flex-start;
+		display: flex;
+		justify-content: flex-start;
+		align-content: flex-start;
 		flex-wrap: wrap;
 		margin-top: 16px;
 		padding: 8px 16px;
@@ -285,8 +283,8 @@ function goLogin() {
 		min-height: calc(100vh - 200px);
 
 		.item {
-			// width: 256px;
-			height: 210px;
+			width: 256px;
+			height: 190px;
 			background: #ffffff;
 			border: 1px solid rgba(229, 229, 229, 1);
 			border-radius: 4px;
@@ -296,7 +294,7 @@ function goLogin() {
 			.img,
 			img {
 				width: 100%;
-				height: 164px;
+				height: 144px;
 			}
 
 			.name {
diff --git a/src/views/pages/homeNew/index.vue b/src/views/pages/homeNew/index.vue
index facbd22..dd4d517 100644
--- a/src/views/pages/homeNew/index.vue
+++ b/src/views/pages/homeNew/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="all" :class="{ 'scale-down': isScaleDown }">
-		<!-- <img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" /> -->
+		<img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" />
 
 		<div class="left">
 			<div class="content_nol">
@@ -57,30 +57,34 @@
 				</div>
 			</div>
 
-			<div
-				class="r_esg"
-				v-if="
-					Session.get('roleName') == 'common' ||
-					Session.get('roleName') == 'subCommon' ||
-					Session.get('roleName') == 'subCenter' ||
-					Session.get('roleName') == 'operate' ||
-					Session.get('roleName') == 'Director' ||
-					Session.get('roleName') == 'Bank' ||
-					Session.get('roleName') == 'SubBank'
-				"
-			>
-				<img src="../../../assets/homenew/ESGbanner_pic.png" class="esg_bg" />
+			<div class="content_nol">
+				<Title title="ESG评测" />
 
-				<div class="esg_content">
-					<div>
-						<text class="esg_title blue">ESG自评测</text>
-						<text class="esg_title">重磅推出</text>
+				<div
+					class="r_esg"
+					v-if="
+						Session.get('roleName') == 'common' ||
+						Session.get('roleName') == 'subCommon' ||
+						Session.get('roleName') == 'subCenter' ||
+						Session.get('roleName') == 'operate' ||
+						Session.get('roleName') == 'Director' ||
+						Session.get('roleName') == 'Bank' ||
+						Session.get('roleName') == 'SubBank'
+					"
+				>
+					<img src="../../../assets/homenew/ESGbanner_pic.png" class="esg_bg" />
+
+					<div class="esg_content">
+						<div>
+							<text class="esg_title blue">ESG自评测</text>
+							<text class="esg_title">重磅推出</text>
+						</div>
+						<text class="esg_sub_title">
+							中证智能财保ESG数字服务作为一个创新的数字化工具，采用与国际接轨的算法逻辑，为企业提供360°ESG综合服务。企业通过平台的
+							ESG“自评”“自检”和“自诊断”的功能模块，可以了解自身ESG综合表现情况，获得较为全面的诊断报告。
+						</text>
+						<div class="esg_button" @click="goEsg">点击进入</div>
 					</div>
-					<text class="esg_sub_title">
-						中证智能财保ESG数字服务作为一个创新的数字化工具，采用与国际接轨的算法逻辑，为企业提供360°ESG综合服务。企业通过平台的
-						ESG“自评”“自检”和“自诊断”的功能模块，可以了解自身ESG综合表现情况，获得较为全面的诊断报告。
-					</text>
-					<div class="esg_button" @click="goEsg">点击进入</div>
 				</div>
 			</div>
 		</div>
@@ -104,7 +108,7 @@
 								: '/dashboard',
 					}"
 					isBig
-					style="margin-top: 20px"
+					style="margin-top: 36px"
 				/>
 			</div>
 
@@ -588,8 +592,8 @@ onUnmounted(() => {
 	text-align: center;
 	justify-content: center;
 	padding-bottom: 20px;
-	background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
-	background-size: 100% auto;
+	// background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
+	// background-size: 100% auto;
 
 	.left {
 		display: flex;