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 { .list {
display: grid; display: flex;
grid-template-columns: repeat(4, 1fr); justify-content: flex-start;
gap: 16px; align-content: flex-start;
// justify-content: flex-start;
// align-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16px; margin-top: 16px;
padding: 8px 16px; padding: 8px 16px;
@ -285,8 +283,8 @@ function goLogin() {
min-height: calc(100vh - 200px); min-height: calc(100vh - 200px);
.item { .item {
// width: 256px; width: 256px;
height: 210px; height: 190px;
background: #ffffff; background: #ffffff;
border: 1px solid rgba(229, 229, 229, 1); border: 1px solid rgba(229, 229, 229, 1);
border-radius: 4px; border-radius: 4px;
@ -296,7 +294,7 @@ function goLogin() {
.img, .img,
img { img {
width: 100%; width: 100%;
height: 164px; height: 144px;
} }
.name { .name {

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

@ -1,6 +1,6 @@
<template> <template>
<div class="all" :class="{ 'scale-down': isScaleDown }"> <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="left">
<div class="content_nol"> <div class="content_nol">
@ -57,30 +57,34 @@
</div> </div>
</div> </div>
<div <div class="content_nol">
class="r_esg" <Title title="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
<div> class="r_esg"
<text class="esg_title blue">ESG自评测</text> v-if="
<text class="esg_title">重磅推出</text> 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> </div>
<text class="esg_sub_title">
中证智能财保ESG数字服务作为一个创新的数字化工具，采用与国际接轨的算法逻辑，为企业提供360°ESG综合服务。企业通过平台的
ESG“自评”“自检”和“自诊断”的功能模块，可以了解自身ESG综合表现情况，获得较为全面的诊断报告。
</text>
<div class="esg_button" @click="goEsg">点击进入</div>
</div> </div>
</div> </div>
</div> </div>
@ -104,7 +108,7 @@
: '/dashboard', : '/dashboard',
}" }"
isBig isBig
style="margin-top: 20px" style="margin-top: 36px"
/> />
</div> </div>
@ -588,8 +592,8 @@ onUnmounted(() => {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
padding-bottom: 20px; padding-bottom: 20px;
background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0; // background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
background-size: 100% auto; // background-size: 100% auto;
.left { .left {
display: flex; display: flex;