zzb
/
csi-financial-front
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 调整布局样式以优化用户界面和提升可读性

This commit is contained in:
傅光孟 2026-03-27 15:07:14 +08:00
parent ce4344124c
commit ed16a3314f
2 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/example/index.vue
View File

@ -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 {

56
src/views/pages/homeNew/index.vue
View File

@ -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;