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

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 {

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,6 +57,9 @@
</div>
</div>
<div class="content_nol">
<Title title="ESG评测" />
<div
class="r_esg"
v-if="
@ -84,6 +87,7 @@
</div>
</div>
</div>
</div>
<div class="right">
<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;